phx-react 1.3.179 → 1.3.180
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/Card/Card.js +1 -1
- package/dist/cjs/components/Card/Card.js.map +1 -1
- package/dist/cjs/components/DatePicker/DatePicker.d.ts +9 -0
- package/dist/cjs/components/DatePicker/DatePicker.js +107 -0
- package/dist/cjs/components/DatePicker/DatePicker.js.map +1 -0
- package/dist/cjs/components/DatePicker/components/Calendar.d.ts +10 -0
- package/dist/cjs/components/DatePicker/components/Calendar.js +118 -0
- package/dist/cjs/components/DatePicker/components/Calendar.js.map +1 -0
- package/dist/cjs/components/DatePicker/index.d.ts +1 -0
- package/dist/cjs/components/DatePicker/index.js +5 -0
- package/dist/cjs/components/DatePicker/index.js.map +1 -0
- package/dist/cjs/components/DatePicker/utils.d.ts +22 -0
- package/dist/cjs/components/DatePicker/utils.js +110 -0
- package/dist/cjs/components/DatePicker/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/Card/Card.js +1 -1
- package/dist/esm/components/Card/Card.js.map +1 -1
- package/dist/esm/components/DatePicker/DatePicker.d.ts +9 -0
- package/dist/esm/components/DatePicker/DatePicker.js +103 -0
- package/dist/esm/components/DatePicker/DatePicker.js.map +1 -0
- package/dist/esm/components/DatePicker/components/Calendar.d.ts +10 -0
- package/dist/esm/components/DatePicker/components/Calendar.js +115 -0
- package/dist/esm/components/DatePicker/components/Calendar.js.map +1 -0
- package/dist/esm/components/DatePicker/index.d.ts +1 -0
- package/dist/esm/components/DatePicker/index.js +2 -0
- package/dist/esm/components/DatePicker/index.js.map +1 -0
- package/dist/esm/components/DatePicker/utils.d.ts +22 -0
- package/dist/esm/components/DatePicker/utils.js +103 -0
- package/dist/esm/components/DatePicker/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
|
@@ -25,7 +25,7 @@ var PHXCard = function Card(_a) {
|
|
|
25
25
|
};
|
|
26
26
|
return (react_1["default"].createElement("div", { className: 'w-full' },
|
|
27
27
|
react_1["default"].createElement("div", { className: 'mx-auto max-w-3xl px-0 lg:max-w-full' },
|
|
28
|
-
react_1["default"].createElement("div", { className: (0, types_1.classNames)(type === 'modal' ? 'divide-y divide-gray-200' : '', '
|
|
28
|
+
react_1["default"].createElement("div", { className: (0, types_1.classNames)(type === 'modal' ? 'divide-y divide-gray-200' : '', 'shadow-[0rem_0.0825rem_0rem_#00000012] rounded-lg bg-white border border-gray-200') },
|
|
29
29
|
title && react_1["default"].createElement(HeaderActionMarkup, { title: title }),
|
|
30
30
|
subSection ? (subSection.map(function (item, index) { return (react_1["default"].createElement("div", { key: index },
|
|
31
31
|
react_1["default"].createElement(HeaderActionMarkup, { title: item.title }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { InputProps } from '../Input';
|
|
3
|
+
export interface DatePickerProps extends InputProps {
|
|
4
|
+
startDisabled?: string;
|
|
5
|
+
endDisabled?: string;
|
|
6
|
+
disabledDate?: Array<string>;
|
|
7
|
+
onChangeDate?(val: any): void;
|
|
8
|
+
}
|
|
9
|
+
export declare function PHXDatePicker({ startDisabled, endDisabled, disabledDate, onChangeDate, className, label, error, errorType, errorMessageCustom, disabled, helpText, register, defaultValue, onChange, ...rest }: DatePickerProps): React.JSX.Element;
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports.PHXDatePicker = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var solid_1 = require("@heroicons/react/20/solid");
|
|
6
|
+
var react_1 = require("react");
|
|
7
|
+
var react_2 = tslib_1.__importDefault(require("react"));
|
|
8
|
+
var Calendar_1 = tslib_1.__importDefault(require("./components/Calendar"));
|
|
9
|
+
function classNames() {
|
|
10
|
+
var classes = [];
|
|
11
|
+
for (var _i = 0; _i < arguments.length; _i++) {
|
|
12
|
+
classes[_i] = arguments[_i];
|
|
13
|
+
}
|
|
14
|
+
return classes.filter(Boolean).join(' ');
|
|
15
|
+
}
|
|
16
|
+
function PHXDatePicker(_a) {
|
|
17
|
+
var startDisabled = _a.startDisabled, endDisabled = _a.endDisabled, disabledDate = _a.disabledDate, onChangeDate = _a.onChangeDate, className = _a.className, label = _a.label, error = _a.error, errorType = _a.errorType, errorMessageCustom = _a.errorMessageCustom, disabled = _a.disabled, helpText = _a.helpText, register = _a.register, defaultValue = _a.defaultValue, onChange = _a.onChange, rest = tslib_1.__rest(_a, ["startDisabled", "endDisabled", "disabledDate", "onChangeDate", "className", "label", "error", "errorType", "errorMessageCustom", "disabled", "helpText", "register", "defaultValue", "onChange"]);
|
|
18
|
+
var inputRef = (0, react_1.useRef)(null);
|
|
19
|
+
var calendarRef = (0, react_1.useRef)(null);
|
|
20
|
+
var _b = (0, react_1.useState)(false), isCalendarVisible = _b[0], setIsCalendarVisible = _b[1];
|
|
21
|
+
var _c = (0, react_1.useState)(''), inputValue = _c[0], setInputValue = _c[1];
|
|
22
|
+
var _d = (0, react_1.useState)(''), inputChange = _d[0], setInputChange = _d[1];
|
|
23
|
+
var handleToggleCalendar = function () {
|
|
24
|
+
setIsCalendarVisible(true);
|
|
25
|
+
};
|
|
26
|
+
var handleSelectDate = function (selectedDate) {
|
|
27
|
+
if (onChangeDate) {
|
|
28
|
+
onChangeDate(selectedDate);
|
|
29
|
+
}
|
|
30
|
+
setInputValue(selectedDate);
|
|
31
|
+
};
|
|
32
|
+
var handleEnterInput = function (event) {
|
|
33
|
+
if (event.key === 'Enter') {
|
|
34
|
+
setInputChange(event.target.value);
|
|
35
|
+
}
|
|
36
|
+
};
|
|
37
|
+
var handleChangeInput = function (event) {
|
|
38
|
+
setInputValue(event.target.value);
|
|
39
|
+
if (onChange) {
|
|
40
|
+
onChange(event);
|
|
41
|
+
}
|
|
42
|
+
};
|
|
43
|
+
(0, react_1.useEffect)(function () {
|
|
44
|
+
if (defaultValue) {
|
|
45
|
+
// @ts-ignore
|
|
46
|
+
setInputValue(defaultValue);
|
|
47
|
+
}
|
|
48
|
+
else {
|
|
49
|
+
return;
|
|
50
|
+
}
|
|
51
|
+
}, []);
|
|
52
|
+
(0, react_1.useEffect)(function () {
|
|
53
|
+
var handleClickOutside = function (event) {
|
|
54
|
+
if (calendarRef.current && !calendarRef.current.contains(event.target) && inputRef.current !== event.target) {
|
|
55
|
+
setIsCalendarVisible(false);
|
|
56
|
+
}
|
|
57
|
+
};
|
|
58
|
+
document.addEventListener('click', handleClickOutside);
|
|
59
|
+
return function () {
|
|
60
|
+
document.removeEventListener('click', handleClickOutside);
|
|
61
|
+
};
|
|
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
|
+
return (react_2["default"].createElement(react_2["default"].Fragment, null,
|
|
90
|
+
react_2["default"].createElement("div", { className: className },
|
|
91
|
+
label && react_2["default"].createElement("label", { className: 'mb-1 block text-xs font-normal text-gray-700' }, label),
|
|
92
|
+
react_2["default"].createElement("div", { className: 'relative' },
|
|
93
|
+
react_2["default"].createElement("input", tslib_1.__assign({ 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', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', disabled ? 'bg-gray-50' : '') }, rest, register, { disabled: disabled, value: inputValue, onKeyDown: handleEnterInput, onChange: handleChangeInput })),
|
|
94
|
+
react_2["default"].createElement("div", { className: 'absolute top-2 left-3' },
|
|
95
|
+
react_2["default"].createElement(solid_1.CalendarDaysIcon, { className: 'h-4 w-4 text-gray-500' })),
|
|
96
|
+
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,
|
|
98
|
+
// @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)));
|
|
105
|
+
}
|
|
106
|
+
exports.PHXDatePicker = PHXDatePicker;
|
|
107
|
+
//# sourceMappingURL=DatePicker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface CalendarProps {
|
|
3
|
+
startDisabled?: string;
|
|
4
|
+
endDisabled?: string;
|
|
5
|
+
defaultDate?: string;
|
|
6
|
+
inputValue?: string;
|
|
7
|
+
disabledDate?: Array<string>;
|
|
8
|
+
onChangeDate?(val: any): void;
|
|
9
|
+
}
|
|
10
|
+
export default function Calendar({ startDisabled, endDisabled, defaultDate, inputValue, disabledDate, onChangeDate, }: CalendarProps): React.JSX.Element;
|
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
4
|
+
var solid_1 = require("@heroicons/react/20/solid");
|
|
5
|
+
var utils_1 = require("../utils");
|
|
6
|
+
var react_1 = require("react");
|
|
7
|
+
var react_2 = tslib_1.__importDefault(require("react"));
|
|
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 Calendar(_a) {
|
|
16
|
+
var startDisabled = _a.startDisabled, endDisabled = _a.endDisabled, defaultDate = _a.defaultDate, inputValue = _a.inputValue, disabledDate = _a.disabledDate, onChangeDate = _a.onChangeDate;
|
|
17
|
+
var currentDate = (0, utils_1.formatDate)(new Date());
|
|
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];
|
|
22
|
+
var checkToday = function (dayOfWeek) {
|
|
23
|
+
var _a;
|
|
24
|
+
var today = (_a = calendar.find(function (item) { return item.date === currentDate; })) === null || _a === void 0 ? void 0 : _a.dayOfWeek;
|
|
25
|
+
return today === dayOfWeek;
|
|
26
|
+
};
|
|
27
|
+
(0, react_1.useEffect)(function () {
|
|
28
|
+
var calendar = (0, utils_1.createMonthCalendarWithAdjacentMonths)(currentYear, currentMonth);
|
|
29
|
+
var selectedCalendar = calendar.map(function (item) {
|
|
30
|
+
return tslib_1.__assign(tslib_1.__assign({}, item), { isSelected: daySelected === item.date ? true : false, disabled: startDisabled &&
|
|
31
|
+
endDisabled &&
|
|
32
|
+
(0, utils_1.dateStrToDate)(item.date) >= (0, utils_1.dateStrToDate)(startDisabled) &&
|
|
33
|
+
(0, utils_1.dateStrToDate)(item.date) <= (0, utils_1.dateStrToDate)(endDisabled)
|
|
34
|
+
? true
|
|
35
|
+
: disabledDate && (disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate.includes(item.date))
|
|
36
|
+
? true
|
|
37
|
+
: false });
|
|
38
|
+
});
|
|
39
|
+
setCalendar(selectedCalendar);
|
|
40
|
+
}, [daySelected, currentMonth, currentYear]);
|
|
41
|
+
(0, react_1.useEffect)(function () {
|
|
42
|
+
if (inputValue !== '') {
|
|
43
|
+
// @ts-ignore
|
|
44
|
+
setDaySelected(inputValue);
|
|
45
|
+
var daySplit = inputValue === null || inputValue === void 0 ? void 0 : inputValue.split('-');
|
|
46
|
+
setCurrentMonth(parseInt(daySplit[1]) - 1);
|
|
47
|
+
setCurrentYear(parseInt(daySplit[2]));
|
|
48
|
+
}
|
|
49
|
+
}, [inputValue]);
|
|
50
|
+
(0, react_1.useEffect)(function () {
|
|
51
|
+
if (defaultDate) {
|
|
52
|
+
// @ts-ignore
|
|
53
|
+
setDaySelected(defaultDate);
|
|
54
|
+
var daySplit = defaultDate === null || defaultDate === void 0 ? void 0 : defaultDate.split('-');
|
|
55
|
+
setCurrentMonth(parseInt(daySplit[1]) - 1);
|
|
56
|
+
setCurrentYear(parseInt(daySplit[2]));
|
|
57
|
+
}
|
|
58
|
+
else {
|
|
59
|
+
return;
|
|
60
|
+
}
|
|
61
|
+
}, []);
|
|
62
|
+
var handleClick = function (day) {
|
|
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(day.date);
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
else
|
|
74
|
+
return;
|
|
75
|
+
};
|
|
76
|
+
var handleChangeMonth = function (type) {
|
|
77
|
+
if (type === 'next') {
|
|
78
|
+
if (currentMonth === 11) {
|
|
79
|
+
setCurrentMonth(0);
|
|
80
|
+
setCurrentYear(currentYear + 1);
|
|
81
|
+
}
|
|
82
|
+
else
|
|
83
|
+
setCurrentMonth(currentMonth + 1);
|
|
84
|
+
}
|
|
85
|
+
else {
|
|
86
|
+
if (currentMonth === 0) {
|
|
87
|
+
setCurrentMonth(11);
|
|
88
|
+
setCurrentYear(currentYear - 1);
|
|
89
|
+
}
|
|
90
|
+
else
|
|
91
|
+
setCurrentMonth(currentMonth - 1);
|
|
92
|
+
}
|
|
93
|
+
};
|
|
94
|
+
return (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' },
|
|
95
|
+
react_2["default"].createElement("div", { className: 'text-center lg:col-start-8 lg:col-end-13 lg:row-start-1 xl:col-start-9' },
|
|
96
|
+
react_2["default"].createElement("div", { className: 'flex items-center text-gray-900' },
|
|
97
|
+
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'); } },
|
|
98
|
+
react_2["default"].createElement("span", { className: 'sr-only' }, "Previous month"),
|
|
99
|
+
react_2["default"].createElement(solid_1.ArrowLeftIcon, { className: 'h-5 w-5', "aria-hidden": 'true' })),
|
|
100
|
+
react_2["default"].createElement("div", { className: 'flex-auto text-xs font-medium' }, (0, utils_1.getMonthName)(currentMonth) + ' ' + currentYear),
|
|
101
|
+
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'); } },
|
|
102
|
+
react_2["default"].createElement("span", { className: 'sr-only' }, "Next month"),
|
|
103
|
+
react_2["default"].createElement(solid_1.ArrowRightIcon, { className: 'h-5 w-5', "aria-hidden": 'true' }))),
|
|
104
|
+
react_2["default"].createElement("div", { className: 'mt-3 grid grid-cols-7 text-xs text-gray-500' },
|
|
105
|
+
react_2["default"].createElement("div", { className: classNames(checkToday(1) && '!font-semibold !text-gray-900') }, "Mo"),
|
|
106
|
+
react_2["default"].createElement("div", { className: classNames(checkToday(2) && '!font-semibold !text-gray-900') }, "Tu"),
|
|
107
|
+
react_2["default"].createElement("div", { className: classNames(checkToday(3) && '!font-semibold !text-gray-900') }, "We"),
|
|
108
|
+
react_2["default"].createElement("div", { className: classNames(checkToday(4) && '!font-semibold !text-gray-900') }, "Th"),
|
|
109
|
+
react_2["default"].createElement("div", { className: classNames(checkToday(5) && '!font-semibold !text-gray-900') }, "Fr"),
|
|
110
|
+
react_2["default"].createElement("div", { className: classNames(checkToday(6) && '!font-semibold !text-gray-900') }, "Sa"),
|
|
111
|
+
react_2["default"].createElement("div", { className: classNames(checkToday(0) && '!font-semibold !text-gray-900') }, "Su")),
|
|
112
|
+
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
|
|
113
|
+
? '!text-gray-300 !cursor-default hover:bg-transparent hover:text-gray-300'
|
|
114
|
+
: '', !day.isToday && day.isCurrentMonth && !day.isSelected && !day.disabled && 'text-gray-700', day.isSelected && '!bg-indigo-900 text-white'), onClick: function () { return handleClick(day); } },
|
|
115
|
+
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/, '')))); })))));
|
|
116
|
+
}
|
|
117
|
+
exports["default"] = Calendar;
|
|
118
|
+
//# sourceMappingURL=Calendar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../../../src/components/DatePicker/components/Calendar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './DatePicker';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export declare const formatDate: (date: any) => string;
|
|
2
|
+
export declare const createMonthCalendarWithAdjacentMonths: (year: number, month: number) => ({
|
|
3
|
+
date: string;
|
|
4
|
+
dayOfWeek: number;
|
|
5
|
+
isAdjacentMonth: boolean;
|
|
6
|
+
isCurrentMonth?: undefined;
|
|
7
|
+
isToday?: undefined;
|
|
8
|
+
} | {
|
|
9
|
+
date: string;
|
|
10
|
+
dayOfWeek: number;
|
|
11
|
+
isCurrentMonth: boolean;
|
|
12
|
+
isToday: boolean;
|
|
13
|
+
isAdjacentMonth?: undefined;
|
|
14
|
+
} | {
|
|
15
|
+
date: string;
|
|
16
|
+
dayOfWeek: number;
|
|
17
|
+
isAdjacentMonth?: undefined;
|
|
18
|
+
isCurrentMonth?: undefined;
|
|
19
|
+
isToday?: undefined;
|
|
20
|
+
})[];
|
|
21
|
+
export declare const getMonthName: (month: number) => string | undefined;
|
|
22
|
+
export declare const dateStrToDate: (date: string) => Date;
|
|
@@ -0,0 +1,110 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports.dateStrToDate = exports.getMonthName = exports.createMonthCalendarWithAdjacentMonths = exports.formatDate = void 0;
|
|
4
|
+
var formatDate = function (date) {
|
|
5
|
+
var year = date.getFullYear();
|
|
6
|
+
var month = String(date.getMonth() + 1).padStart(2, '0');
|
|
7
|
+
var day = String(date.getDate()).padStart(2, '0');
|
|
8
|
+
return "".concat(day, "-").concat(month, "-").concat(year);
|
|
9
|
+
};
|
|
10
|
+
exports.formatDate = formatDate;
|
|
11
|
+
// Hàm để tạo mảng các ngày trong tháng với đúng vị trí, bao gồm cả các ngày của tháng trước và tháng sau
|
|
12
|
+
var createMonthCalendarWithAdjacentMonths = function (year, month) {
|
|
13
|
+
var getFirstDayOfMonth = function (year, month) {
|
|
14
|
+
var firstDay = new Date(year, month, 1);
|
|
15
|
+
var dayOfWeek = firstDay.getDay(); // 0 (Chủ Nhật) đến 6 (Thứ 7)
|
|
16
|
+
return { date: firstDay, dayOfWeek: dayOfWeek };
|
|
17
|
+
};
|
|
18
|
+
// Hàm để lấy số ngày trong tháng
|
|
19
|
+
var getDaysInMonth = function (year, month) {
|
|
20
|
+
return new Date(year, month + 1, 0).getDate();
|
|
21
|
+
};
|
|
22
|
+
var firstDayInfo = getFirstDayOfMonth(year, month);
|
|
23
|
+
var daysInMonth = getDaysInMonth(year, month);
|
|
24
|
+
var calendar = [];
|
|
25
|
+
// Tính tháng trước và năm trước
|
|
26
|
+
var previousMonth = month === 0 ? 11 : month - 1;
|
|
27
|
+
var previousYear = month === 0 ? year - 1 : year;
|
|
28
|
+
// Tính tháng sau và năm sau
|
|
29
|
+
var nextMonth = month === 11 ? 0 : month + 1;
|
|
30
|
+
var nextYear = month === 11 ? year + 1 : year;
|
|
31
|
+
// Thêm các ngày của tháng trước
|
|
32
|
+
var daysInPreviousMonth = getDaysInMonth(previousYear, previousMonth);
|
|
33
|
+
for (var i = firstDayInfo.dayOfWeek === 0 ? 6 : firstDayInfo.dayOfWeek - 1; i >= 1; i--) {
|
|
34
|
+
calendar.push({
|
|
35
|
+
date: (0, exports.formatDate)(new Date(previousYear, previousMonth, daysInPreviousMonth - i + 1)),
|
|
36
|
+
dayOfWeek: new Date(previousYear, previousMonth, daysInPreviousMonth - i + 1).getDay(),
|
|
37
|
+
isAdjacentMonth: true
|
|
38
|
+
});
|
|
39
|
+
}
|
|
40
|
+
// Thêm các ngày trong tháng
|
|
41
|
+
for (var day = 1; day <= daysInMonth; day++) {
|
|
42
|
+
calendar.push({
|
|
43
|
+
date: (0, exports.formatDate)(new Date(year, month, day)),
|
|
44
|
+
dayOfWeek: (firstDayInfo.dayOfWeek + day - 1) % 7,
|
|
45
|
+
isCurrentMonth: true,
|
|
46
|
+
isToday: (0, exports.formatDate)(new Date(year, month, day)) === (0, exports.formatDate)(new Date())
|
|
47
|
+
});
|
|
48
|
+
}
|
|
49
|
+
// Thêm các ngày của tháng sau
|
|
50
|
+
var lastDayInfo = getFirstDayOfMonth(nextYear, nextMonth);
|
|
51
|
+
for (var i = 1; calendar.length < 42; i++) {
|
|
52
|
+
calendar.push({
|
|
53
|
+
date: (0, exports.formatDate)(new Date(nextYear, nextMonth, i)),
|
|
54
|
+
dayOfWeek: (lastDayInfo.dayOfWeek + i - 1) % 7
|
|
55
|
+
});
|
|
56
|
+
}
|
|
57
|
+
return calendar;
|
|
58
|
+
};
|
|
59
|
+
exports.createMonthCalendarWithAdjacentMonths = createMonthCalendarWithAdjacentMonths;
|
|
60
|
+
var getMonthName = function (month) {
|
|
61
|
+
var currentMonth;
|
|
62
|
+
switch (month) {
|
|
63
|
+
case 0:
|
|
64
|
+
currentMonth = 'January';
|
|
65
|
+
break;
|
|
66
|
+
case 1:
|
|
67
|
+
currentMonth = 'February';
|
|
68
|
+
break;
|
|
69
|
+
case 2:
|
|
70
|
+
currentMonth = 'March';
|
|
71
|
+
break;
|
|
72
|
+
case 3:
|
|
73
|
+
currentMonth = 'April';
|
|
74
|
+
break;
|
|
75
|
+
case 4:
|
|
76
|
+
currentMonth = 'May';
|
|
77
|
+
break;
|
|
78
|
+
case 5:
|
|
79
|
+
currentMonth = 'June';
|
|
80
|
+
break;
|
|
81
|
+
case 6:
|
|
82
|
+
currentMonth = 'July';
|
|
83
|
+
break;
|
|
84
|
+
case 7:
|
|
85
|
+
currentMonth = 'August';
|
|
86
|
+
break;
|
|
87
|
+
case 8:
|
|
88
|
+
currentMonth = 'September';
|
|
89
|
+
break;
|
|
90
|
+
case 9:
|
|
91
|
+
currentMonth = 'October';
|
|
92
|
+
break;
|
|
93
|
+
case 10:
|
|
94
|
+
currentMonth = 'November';
|
|
95
|
+
break;
|
|
96
|
+
case 11:
|
|
97
|
+
currentMonth = 'December';
|
|
98
|
+
break;
|
|
99
|
+
default:
|
|
100
|
+
break;
|
|
101
|
+
}
|
|
102
|
+
return currentMonth;
|
|
103
|
+
};
|
|
104
|
+
exports.getMonthName = getMonthName;
|
|
105
|
+
var dateStrToDate = function (date) {
|
|
106
|
+
var fullDate = date === null || date === void 0 ? void 0 : date.split('-');
|
|
107
|
+
return new Date(parseInt(fullDate[2]), parseInt(fullDate[1]) - 1, parseInt(fullDate[0]));
|
|
108
|
+
};
|
|
109
|
+
exports.dateStrToDate = dateStrToDate;
|
|
110
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/utils.ts"],"names":[],"mappings":"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"}
|
package/dist/cjs/index.d.ts
CHANGED
|
@@ -33,4 +33,5 @@ import { PHXHorizontalStack } from './components/HorizontalStack';
|
|
|
33
33
|
import { PHXTextEditor } from './components/TextEditor';
|
|
34
34
|
import { PHXTableLogImportExport } from './components/TableLogImportExport';
|
|
35
35
|
import { PHXSearchResultList } from './components/SearchResultList';
|
|
36
|
-
|
|
36
|
+
import { PHXDatePicker } from './components/DatePicker';
|
|
37
|
+
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, };
|
package/dist/cjs/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
exports.__esModule = true;
|
|
3
|
-
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.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;
|
|
@@ -72,4 +72,6 @@ var TableLogImportExport_1 = require("./components/TableLogImportExport");
|
|
|
72
72
|
exports.PHXTableLogImportExport = TableLogImportExport_1.PHXTableLogImportExport;
|
|
73
73
|
var SearchResultList_1 = require("./components/SearchResultList");
|
|
74
74
|
exports.PHXSearchResultList = SearchResultList_1.PHXSearchResultList;
|
|
75
|
+
var DatePicker_1 = require("./components/DatePicker");
|
|
76
|
+
exports.PHXDatePicker = DatePicker_1.PHXDatePicker;
|
|
75
77
|
//# 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;AAsEhE,wBAtEO,0BAAa,CAsEP;AArEf,sDAAuD;AAkErD,wBAlEO,0BAAa,CAkEP;AAjEf,0CAA2C;AAkDzC,kBAlDO,cAAO,CAkDP;AAjDT,iEAAwC;AAmCtC,oBAnCK,gBAAS,CAmCL;AAlCX,8CAA+C;AAmC7C,oBAnCO,kBAAS,CAmCP;AAlCX,0CAA2C;AAmCzC,kBAnCO,cAAO,CAmCP;AAlCT,gDAAiD;AAmC/C,qBAnCO,oBAAU,CAmCP;AAlCZ,kDAAmD;AAmCjD,sBAnCO,sBAAW,CAmCP;AAlCb,4CAA6C;AAqC3C,mBArCO,gBAAQ,CAqCP;AApCV,kDAAmD;AAkCjD,sBAlCO,sBAAW,CAkCP;AAjCb,oDAAqD;AAkCnD,uBAlCO,wBAAY,CAkCP;AAjCd,4CAA6C;AAmC3C,mBAnCO,gBAAQ,CAmCP;AAlCV,8CAA+C;AAmC7C,oBAnCO,kBAAS,CAmCP;AAlCX,4CAA6C;AAmC3C,mBAnCO,gBAAQ,CAmCP;AAlCV,kDAAmD;AAmCjD,sBAnCO,sBAAW,CAmCP;AAlCb,kDAAmD;AAmCjD,sBAnCO,sBAAW,CAmCP;AAlCb,4DAA6D;AAmC3D,2BAnCO,gCAAgB,CAmCP;AAlClB,kDAAmD;AAoCjD,sBApCO,sBAAW,CAoCP;AAnCb,wFAAiE;AAoC/D,+BApCK,yBAAoB,CAoCL;AAnCtB,0FAA4D;AAoC1D,yBApCK,0BAAc,CAoCL;AAnChB,gGAAkE;AAoChE,4BApCK,6BAAiB,CAoCL;AAnCnB,kDAAmD;AAoCjD,sBApCO,sBAAW,CAoCP;AAnCb,4CAA6C;AAoC3C,mBApCO,gBAAQ,CAoCP;AAnCV,0CAA2C;AAoCzC,kBApCO,cAAO,CAoCP;AAnCT,sDAAuD;AAoCrD,wBApCO,0BAAa,CAoCP;AAnCf,kEAAmE;AAoCjE,8BApCO,sCAAmB,CAoCP;AAnCrB,4CAA6C;AAoC3C,mBApCO,gBAAQ,CAoCP;AAnCV,4CAA6C;AAoC3C,mBApCO,gBAAQ,CAoCP;AAnCV,8CAA+C;AAoC7C,oBApCO,kBAAS,CAoCP;AAnCX,wDAAyD;AAoCvD,yBApCO,4BAAc,CAoCP;AAnChB,kDAAmD;AAoCjD,sBApCO,sBAAW,CAoCP;AAnCb,gEAAiE;AAqC/D,6BArCO,oCAAkB,CAqCP;AApCpB,sDAAuD;AAqCrD,wBArCO,0BAAa,CAqCP;AApCf,0EAA2E;AAsCzE,kCAtCO,8CAAuB,CAsCP;AArCzB,kEAAmE;AAsCjE,8BAtCO,sCAAmB,CAsCP;AArCrB,sDAAuD;AAsCrD,wBAtCO,0BAAa,CAsCP"}
|
|
@@ -21,7 +21,7 @@ export var PHXCard = function Card(_a) {
|
|
|
21
21
|
};
|
|
22
22
|
return (React.createElement("div", { className: 'w-full' },
|
|
23
23
|
React.createElement("div", { className: 'mx-auto max-w-3xl px-0 lg:max-w-full' },
|
|
24
|
-
React.createElement("div", { className: classNames(type === 'modal' ? 'divide-y divide-gray-200' : '', '
|
|
24
|
+
React.createElement("div", { className: classNames(type === 'modal' ? 'divide-y divide-gray-200' : '', 'shadow-[0rem_0.0825rem_0rem_#00000012] rounded-lg bg-white border border-gray-200') },
|
|
25
25
|
title && React.createElement(HeaderActionMarkup, { title: title }),
|
|
26
26
|
subSection ? (subSection.map(function (item, index) { return (React.createElement("div", { key: index },
|
|
27
27
|
React.createElement(HeaderActionMarkup, { title: item.title }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../src/components/Card/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { InputProps } from '../Input';
|
|
3
|
+
export interface DatePickerProps extends InputProps {
|
|
4
|
+
startDisabled?: string;
|
|
5
|
+
endDisabled?: string;
|
|
6
|
+
disabledDate?: Array<string>;
|
|
7
|
+
onChangeDate?(val: any): void;
|
|
8
|
+
}
|
|
9
|
+
export declare function PHXDatePicker({ startDisabled, endDisabled, disabledDate, onChangeDate, className, label, error, errorType, errorMessageCustom, disabled, helpText, register, defaultValue, onChange, ...rest }: DatePickerProps): React.JSX.Element;
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
import { __assign, __rest } from "tslib";
|
|
2
|
+
import { CalendarDaysIcon } from '@heroicons/react/20/solid';
|
|
3
|
+
import { useEffect, useRef, useState } from 'react';
|
|
4
|
+
import React from 'react';
|
|
5
|
+
import Calendar from './components/Calendar';
|
|
6
|
+
function classNames() {
|
|
7
|
+
var classes = [];
|
|
8
|
+
for (var _i = 0; _i < arguments.length; _i++) {
|
|
9
|
+
classes[_i] = arguments[_i];
|
|
10
|
+
}
|
|
11
|
+
return classes.filter(Boolean).join(' ');
|
|
12
|
+
}
|
|
13
|
+
export function PHXDatePicker(_a) {
|
|
14
|
+
var startDisabled = _a.startDisabled, endDisabled = _a.endDisabled, disabledDate = _a.disabledDate, onChangeDate = _a.onChangeDate, className = _a.className, label = _a.label, error = _a.error, errorType = _a.errorType, errorMessageCustom = _a.errorMessageCustom, disabled = _a.disabled, helpText = _a.helpText, register = _a.register, defaultValue = _a.defaultValue, onChange = _a.onChange, rest = __rest(_a, ["startDisabled", "endDisabled", "disabledDate", "onChangeDate", "className", "label", "error", "errorType", "errorMessageCustom", "disabled", "helpText", "register", "defaultValue", "onChange"]);
|
|
15
|
+
var inputRef = useRef(null);
|
|
16
|
+
var calendarRef = useRef(null);
|
|
17
|
+
var _b = useState(false), isCalendarVisible = _b[0], setIsCalendarVisible = _b[1];
|
|
18
|
+
var _c = useState(''), inputValue = _c[0], setInputValue = _c[1];
|
|
19
|
+
var _d = useState(''), inputChange = _d[0], setInputChange = _d[1];
|
|
20
|
+
var handleToggleCalendar = function () {
|
|
21
|
+
setIsCalendarVisible(true);
|
|
22
|
+
};
|
|
23
|
+
var handleSelectDate = function (selectedDate) {
|
|
24
|
+
if (onChangeDate) {
|
|
25
|
+
onChangeDate(selectedDate);
|
|
26
|
+
}
|
|
27
|
+
setInputValue(selectedDate);
|
|
28
|
+
};
|
|
29
|
+
var handleEnterInput = function (event) {
|
|
30
|
+
if (event.key === 'Enter') {
|
|
31
|
+
setInputChange(event.target.value);
|
|
32
|
+
}
|
|
33
|
+
};
|
|
34
|
+
var handleChangeInput = function (event) {
|
|
35
|
+
setInputValue(event.target.value);
|
|
36
|
+
if (onChange) {
|
|
37
|
+
onChange(event);
|
|
38
|
+
}
|
|
39
|
+
};
|
|
40
|
+
useEffect(function () {
|
|
41
|
+
if (defaultValue) {
|
|
42
|
+
// @ts-ignore
|
|
43
|
+
setInputValue(defaultValue);
|
|
44
|
+
}
|
|
45
|
+
else {
|
|
46
|
+
return;
|
|
47
|
+
}
|
|
48
|
+
}, []);
|
|
49
|
+
useEffect(function () {
|
|
50
|
+
var handleClickOutside = function (event) {
|
|
51
|
+
if (calendarRef.current && !calendarRef.current.contains(event.target) && inputRef.current !== event.target) {
|
|
52
|
+
setIsCalendarVisible(false);
|
|
53
|
+
}
|
|
54
|
+
};
|
|
55
|
+
document.addEventListener('click', handleClickOutside);
|
|
56
|
+
return function () {
|
|
57
|
+
document.removeEventListener('click', handleClickOutside);
|
|
58
|
+
};
|
|
59
|
+
}, []);
|
|
60
|
+
var message = function (type) {
|
|
61
|
+
var errorMessage = '';
|
|
62
|
+
switch (type) {
|
|
63
|
+
case 'required-field':
|
|
64
|
+
errorMessage = 'Vui lòng nhập thông tin';
|
|
65
|
+
break;
|
|
66
|
+
case 'validate-input-field':
|
|
67
|
+
errorMessage = 'Vui lòng nhập thông tin hợp lệ (độ dài 1 - 60 kí tự)';
|
|
68
|
+
break;
|
|
69
|
+
case 'duplicate-field':
|
|
70
|
+
errorMessage = 'Thông tin đã tồn tại';
|
|
71
|
+
break;
|
|
72
|
+
case 'validate-phone-number':
|
|
73
|
+
errorMessage = 'Số điện thoại chưa hợp lệ';
|
|
74
|
+
break;
|
|
75
|
+
case 'validate-input-email':
|
|
76
|
+
errorMessage = 'Định dạng email chưa đúng, vui lòng nhập lại';
|
|
77
|
+
break;
|
|
78
|
+
case 'custom-message':
|
|
79
|
+
errorMessage = errorMessageCustom;
|
|
80
|
+
break;
|
|
81
|
+
default:
|
|
82
|
+
break;
|
|
83
|
+
}
|
|
84
|
+
return errorMessage;
|
|
85
|
+
};
|
|
86
|
+
return (React.createElement(React.Fragment, null,
|
|
87
|
+
React.createElement("div", { className: className },
|
|
88
|
+
label && React.createElement("label", { className: 'mb-1 block text-xs font-normal text-gray-700' }, label),
|
|
89
|
+
React.createElement("div", { className: 'relative' },
|
|
90
|
+
React.createElement("input", __assign({ 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', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : '', disabled ? 'bg-gray-50' : '') }, rest, register, { disabled: disabled, value: inputValue, onKeyDown: handleEnterInput, onChange: handleChangeInput })),
|
|
91
|
+
React.createElement("div", { className: 'absolute top-2 left-3' },
|
|
92
|
+
React.createElement(CalendarDaysIcon, { className: 'h-4 w-4 text-gray-500' })),
|
|
93
|
+
React.createElement("div", { className: "absolute z-50 top-10 left-0 w-full ".concat(isCalendarVisible ? '' : 'hidden'), ref: calendarRef },
|
|
94
|
+
React.createElement(Calendar, { endDisabled: endDisabled, startDisabled: startDisabled, onChangeDate: function (val) { return handleSelectDate(val); }, inputValue: inputChange,
|
|
95
|
+
// @ts-ignore
|
|
96
|
+
defaultDate: defaultValue, disabledDate: disabledDate }))),
|
|
97
|
+
helpText ? React.createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-400' }, helpText) : null,
|
|
98
|
+
error && errorType ? (React.createElement("div", { className: 'ml-1 mt-1 flex items-center' },
|
|
99
|
+
React.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' },
|
|
100
|
+
React.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' })),
|
|
101
|
+
React.createElement("p", { className: 'text-xs text-red-800' }, message(errorType)))) : null)));
|
|
102
|
+
}
|
|
103
|
+
//# sourceMappingURL=DatePicker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface CalendarProps {
|
|
3
|
+
startDisabled?: string;
|
|
4
|
+
endDisabled?: string;
|
|
5
|
+
defaultDate?: string;
|
|
6
|
+
inputValue?: string;
|
|
7
|
+
disabledDate?: Array<string>;
|
|
8
|
+
onChangeDate?(val: any): void;
|
|
9
|
+
}
|
|
10
|
+
export default function Calendar({ startDisabled, endDisabled, defaultDate, inputValue, disabledDate, onChangeDate, }: CalendarProps): React.JSX.Element;
|
|
@@ -0,0 +1,115 @@
|
|
|
1
|
+
import { __assign } from "tslib";
|
|
2
|
+
import { ArrowLeftIcon, ArrowRightIcon } from '@heroicons/react/20/solid';
|
|
3
|
+
import { createMonthCalendarWithAdjacentMonths, dateStrToDate, formatDate, getMonthName } from '../utils';
|
|
4
|
+
import { useEffect, useState } from 'react';
|
|
5
|
+
import React from 'react';
|
|
6
|
+
function classNames() {
|
|
7
|
+
var classes = [];
|
|
8
|
+
for (var _i = 0; _i < arguments.length; _i++) {
|
|
9
|
+
classes[_i] = arguments[_i];
|
|
10
|
+
}
|
|
11
|
+
return classes.filter(Boolean).join(' ');
|
|
12
|
+
}
|
|
13
|
+
export default function Calendar(_a) {
|
|
14
|
+
var startDisabled = _a.startDisabled, endDisabled = _a.endDisabled, defaultDate = _a.defaultDate, inputValue = _a.inputValue, disabledDate = _a.disabledDate, onChangeDate = _a.onChangeDate;
|
|
15
|
+
var currentDate = formatDate(new Date());
|
|
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];
|
|
20
|
+
var checkToday = function (dayOfWeek) {
|
|
21
|
+
var _a;
|
|
22
|
+
var today = (_a = calendar.find(function (item) { return item.date === currentDate; })) === null || _a === void 0 ? void 0 : _a.dayOfWeek;
|
|
23
|
+
return today === dayOfWeek;
|
|
24
|
+
};
|
|
25
|
+
useEffect(function () {
|
|
26
|
+
var calendar = createMonthCalendarWithAdjacentMonths(currentYear, currentMonth);
|
|
27
|
+
var selectedCalendar = calendar.map(function (item) {
|
|
28
|
+
return __assign(__assign({}, item), { isSelected: daySelected === item.date ? true : false, disabled: startDisabled &&
|
|
29
|
+
endDisabled &&
|
|
30
|
+
dateStrToDate(item.date) >= dateStrToDate(startDisabled) &&
|
|
31
|
+
dateStrToDate(item.date) <= dateStrToDate(endDisabled)
|
|
32
|
+
? true
|
|
33
|
+
: disabledDate && (disabledDate === null || disabledDate === void 0 ? void 0 : disabledDate.includes(item.date))
|
|
34
|
+
? true
|
|
35
|
+
: false });
|
|
36
|
+
});
|
|
37
|
+
setCalendar(selectedCalendar);
|
|
38
|
+
}, [daySelected, currentMonth, currentYear]);
|
|
39
|
+
useEffect(function () {
|
|
40
|
+
if (inputValue !== '') {
|
|
41
|
+
// @ts-ignore
|
|
42
|
+
setDaySelected(inputValue);
|
|
43
|
+
var daySplit = inputValue === null || inputValue === void 0 ? void 0 : inputValue.split('-');
|
|
44
|
+
setCurrentMonth(parseInt(daySplit[1]) - 1);
|
|
45
|
+
setCurrentYear(parseInt(daySplit[2]));
|
|
46
|
+
}
|
|
47
|
+
}, [inputValue]);
|
|
48
|
+
useEffect(function () {
|
|
49
|
+
if (defaultDate) {
|
|
50
|
+
// @ts-ignore
|
|
51
|
+
setDaySelected(defaultDate);
|
|
52
|
+
var daySplit = defaultDate === null || defaultDate === void 0 ? void 0 : defaultDate.split('-');
|
|
53
|
+
setCurrentMonth(parseInt(daySplit[1]) - 1);
|
|
54
|
+
setCurrentYear(parseInt(daySplit[2]));
|
|
55
|
+
}
|
|
56
|
+
else {
|
|
57
|
+
return;
|
|
58
|
+
}
|
|
59
|
+
}, []);
|
|
60
|
+
var handleClick = function (day) {
|
|
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(day.date);
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
else
|
|
72
|
+
return;
|
|
73
|
+
};
|
|
74
|
+
var handleChangeMonth = function (type) {
|
|
75
|
+
if (type === 'next') {
|
|
76
|
+
if (currentMonth === 11) {
|
|
77
|
+
setCurrentMonth(0);
|
|
78
|
+
setCurrentYear(currentYear + 1);
|
|
79
|
+
}
|
|
80
|
+
else
|
|
81
|
+
setCurrentMonth(currentMonth + 1);
|
|
82
|
+
}
|
|
83
|
+
else {
|
|
84
|
+
if (currentMonth === 0) {
|
|
85
|
+
setCurrentMonth(11);
|
|
86
|
+
setCurrentYear(currentYear - 1);
|
|
87
|
+
}
|
|
88
|
+
else
|
|
89
|
+
setCurrentMonth(currentMonth - 1);
|
|
90
|
+
}
|
|
91
|
+
};
|
|
92
|
+
return (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' },
|
|
93
|
+
React.createElement("div", { className: 'text-center lg:col-start-8 lg:col-end-13 lg:row-start-1 xl:col-start-9' },
|
|
94
|
+
React.createElement("div", { className: 'flex items-center text-gray-900' },
|
|
95
|
+
React.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'); } },
|
|
96
|
+
React.createElement("span", { className: 'sr-only' }, "Previous month"),
|
|
97
|
+
React.createElement(ArrowLeftIcon, { className: 'h-5 w-5', "aria-hidden": 'true' })),
|
|
98
|
+
React.createElement("div", { className: 'flex-auto text-xs font-medium' }, getMonthName(currentMonth) + ' ' + currentYear),
|
|
99
|
+
React.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'); } },
|
|
100
|
+
React.createElement("span", { className: 'sr-only' }, "Next month"),
|
|
101
|
+
React.createElement(ArrowRightIcon, { className: 'h-5 w-5', "aria-hidden": 'true' }))),
|
|
102
|
+
React.createElement("div", { className: 'mt-3 grid grid-cols-7 text-xs text-gray-500' },
|
|
103
|
+
React.createElement("div", { className: classNames(checkToday(1) && '!font-semibold !text-gray-900') }, "Mo"),
|
|
104
|
+
React.createElement("div", { className: classNames(checkToday(2) && '!font-semibold !text-gray-900') }, "Tu"),
|
|
105
|
+
React.createElement("div", { className: classNames(checkToday(3) && '!font-semibold !text-gray-900') }, "We"),
|
|
106
|
+
React.createElement("div", { className: classNames(checkToday(4) && '!font-semibold !text-gray-900') }, "Th"),
|
|
107
|
+
React.createElement("div", { className: classNames(checkToday(5) && '!font-semibold !text-gray-900') }, "Fr"),
|
|
108
|
+
React.createElement("div", { className: classNames(checkToday(6) && '!font-semibold !text-gray-900') }, "Sa"),
|
|
109
|
+
React.createElement("div", { className: classNames(checkToday(0) && '!font-semibold !text-gray-900') }, "Su")),
|
|
110
|
+
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
|
|
111
|
+
? '!text-gray-300 !cursor-default hover:bg-transparent hover:text-gray-300'
|
|
112
|
+
: '', !day.isToday && day.isCurrentMonth && !day.isSelected && !day.disabled && 'text-gray-700', day.isSelected && '!bg-indigo-900 text-white'), onClick: function () { return handleClick(day); } },
|
|
113
|
+
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/, '')))); })))));
|
|
114
|
+
}
|
|
115
|
+
//# sourceMappingURL=Calendar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../../../src/components/DatePicker/components/Calendar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './DatePicker';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export declare const formatDate: (date: any) => string;
|
|
2
|
+
export declare const createMonthCalendarWithAdjacentMonths: (year: number, month: number) => ({
|
|
3
|
+
date: string;
|
|
4
|
+
dayOfWeek: number;
|
|
5
|
+
isAdjacentMonth: boolean;
|
|
6
|
+
isCurrentMonth?: undefined;
|
|
7
|
+
isToday?: undefined;
|
|
8
|
+
} | {
|
|
9
|
+
date: string;
|
|
10
|
+
dayOfWeek: number;
|
|
11
|
+
isCurrentMonth: boolean;
|
|
12
|
+
isToday: boolean;
|
|
13
|
+
isAdjacentMonth?: undefined;
|
|
14
|
+
} | {
|
|
15
|
+
date: string;
|
|
16
|
+
dayOfWeek: number;
|
|
17
|
+
isAdjacentMonth?: undefined;
|
|
18
|
+
isCurrentMonth?: undefined;
|
|
19
|
+
isToday?: undefined;
|
|
20
|
+
})[];
|
|
21
|
+
export declare const getMonthName: (month: number) => string | undefined;
|
|
22
|
+
export declare const dateStrToDate: (date: string) => Date;
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
export var formatDate = function (date) {
|
|
2
|
+
var year = date.getFullYear();
|
|
3
|
+
var month = String(date.getMonth() + 1).padStart(2, '0');
|
|
4
|
+
var day = String(date.getDate()).padStart(2, '0');
|
|
5
|
+
return "".concat(day, "-").concat(month, "-").concat(year);
|
|
6
|
+
};
|
|
7
|
+
// Hàm để tạo mảng các ngày trong tháng với đúng vị trí, bao gồm cả các ngày của tháng trước và tháng sau
|
|
8
|
+
export var createMonthCalendarWithAdjacentMonths = function (year, month) {
|
|
9
|
+
var getFirstDayOfMonth = function (year, month) {
|
|
10
|
+
var firstDay = new Date(year, month, 1);
|
|
11
|
+
var dayOfWeek = firstDay.getDay(); // 0 (Chủ Nhật) đến 6 (Thứ 7)
|
|
12
|
+
return { date: firstDay, dayOfWeek: dayOfWeek };
|
|
13
|
+
};
|
|
14
|
+
// Hàm để lấy số ngày trong tháng
|
|
15
|
+
var getDaysInMonth = function (year, month) {
|
|
16
|
+
return new Date(year, month + 1, 0).getDate();
|
|
17
|
+
};
|
|
18
|
+
var firstDayInfo = getFirstDayOfMonth(year, month);
|
|
19
|
+
var daysInMonth = getDaysInMonth(year, month);
|
|
20
|
+
var calendar = [];
|
|
21
|
+
// Tính tháng trước và năm trước
|
|
22
|
+
var previousMonth = month === 0 ? 11 : month - 1;
|
|
23
|
+
var previousYear = month === 0 ? year - 1 : year;
|
|
24
|
+
// Tính tháng sau và năm sau
|
|
25
|
+
var nextMonth = month === 11 ? 0 : month + 1;
|
|
26
|
+
var nextYear = month === 11 ? year + 1 : year;
|
|
27
|
+
// Thêm các ngày của tháng trước
|
|
28
|
+
var daysInPreviousMonth = getDaysInMonth(previousYear, previousMonth);
|
|
29
|
+
for (var i = firstDayInfo.dayOfWeek === 0 ? 6 : firstDayInfo.dayOfWeek - 1; i >= 1; i--) {
|
|
30
|
+
calendar.push({
|
|
31
|
+
date: formatDate(new Date(previousYear, previousMonth, daysInPreviousMonth - i + 1)),
|
|
32
|
+
dayOfWeek: new Date(previousYear, previousMonth, daysInPreviousMonth - i + 1).getDay(),
|
|
33
|
+
isAdjacentMonth: true
|
|
34
|
+
});
|
|
35
|
+
}
|
|
36
|
+
// Thêm các ngày trong tháng
|
|
37
|
+
for (var day = 1; day <= daysInMonth; day++) {
|
|
38
|
+
calendar.push({
|
|
39
|
+
date: formatDate(new Date(year, month, day)),
|
|
40
|
+
dayOfWeek: (firstDayInfo.dayOfWeek + day - 1) % 7,
|
|
41
|
+
isCurrentMonth: true,
|
|
42
|
+
isToday: formatDate(new Date(year, month, day)) === formatDate(new Date())
|
|
43
|
+
});
|
|
44
|
+
}
|
|
45
|
+
// Thêm các ngày của tháng sau
|
|
46
|
+
var lastDayInfo = getFirstDayOfMonth(nextYear, nextMonth);
|
|
47
|
+
for (var i = 1; calendar.length < 42; i++) {
|
|
48
|
+
calendar.push({
|
|
49
|
+
date: formatDate(new Date(nextYear, nextMonth, i)),
|
|
50
|
+
dayOfWeek: (lastDayInfo.dayOfWeek + i - 1) % 7
|
|
51
|
+
});
|
|
52
|
+
}
|
|
53
|
+
return calendar;
|
|
54
|
+
};
|
|
55
|
+
export var getMonthName = function (month) {
|
|
56
|
+
var currentMonth;
|
|
57
|
+
switch (month) {
|
|
58
|
+
case 0:
|
|
59
|
+
currentMonth = 'January';
|
|
60
|
+
break;
|
|
61
|
+
case 1:
|
|
62
|
+
currentMonth = 'February';
|
|
63
|
+
break;
|
|
64
|
+
case 2:
|
|
65
|
+
currentMonth = 'March';
|
|
66
|
+
break;
|
|
67
|
+
case 3:
|
|
68
|
+
currentMonth = 'April';
|
|
69
|
+
break;
|
|
70
|
+
case 4:
|
|
71
|
+
currentMonth = 'May';
|
|
72
|
+
break;
|
|
73
|
+
case 5:
|
|
74
|
+
currentMonth = 'June';
|
|
75
|
+
break;
|
|
76
|
+
case 6:
|
|
77
|
+
currentMonth = 'July';
|
|
78
|
+
break;
|
|
79
|
+
case 7:
|
|
80
|
+
currentMonth = 'August';
|
|
81
|
+
break;
|
|
82
|
+
case 8:
|
|
83
|
+
currentMonth = 'September';
|
|
84
|
+
break;
|
|
85
|
+
case 9:
|
|
86
|
+
currentMonth = 'October';
|
|
87
|
+
break;
|
|
88
|
+
case 10:
|
|
89
|
+
currentMonth = 'November';
|
|
90
|
+
break;
|
|
91
|
+
case 11:
|
|
92
|
+
currentMonth = 'December';
|
|
93
|
+
break;
|
|
94
|
+
default:
|
|
95
|
+
break;
|
|
96
|
+
}
|
|
97
|
+
return currentMonth;
|
|
98
|
+
};
|
|
99
|
+
export var dateStrToDate = function (date) {
|
|
100
|
+
var fullDate = date === null || date === void 0 ? void 0 : date.split('-');
|
|
101
|
+
return new Date(parseInt(fullDate[2]), parseInt(fullDate[1]) - 1, parseInt(fullDate[0]));
|
|
102
|
+
};
|
|
103
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/utils.ts"],"names":[],"mappings":"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"}
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -33,4 +33,5 @@ import { PHXHorizontalStack } from './components/HorizontalStack';
|
|
|
33
33
|
import { PHXTextEditor } from './components/TextEditor';
|
|
34
34
|
import { PHXTableLogImportExport } from './components/TableLogImportExport';
|
|
35
35
|
import { PHXSearchResultList } from './components/SearchResultList';
|
|
36
|
-
|
|
36
|
+
import { PHXDatePicker } from './components/DatePicker';
|
|
37
|
+
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, };
|
package/dist/esm/index.js
CHANGED
|
@@ -33,5 +33,6 @@ import { PHXHorizontalStack } from './components/HorizontalStack';
|
|
|
33
33
|
import { PHXTextEditor } from './components/TextEditor';
|
|
34
34
|
import { PHXTableLogImportExport } from './components/TableLogImportExport';
|
|
35
35
|
import { PHXSearchResultList } from './components/SearchResultList';
|
|
36
|
-
|
|
36
|
+
import { PHXDatePicker } from './components/DatePicker';
|
|
37
|
+
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, };
|
|
37
38
|
//# 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;
|
|
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;AAEvD,OAAO,EACL,SAAS,EACT,SAAS,EACT,OAAO,EACP,UAAU,EACV,WAAW,EACX,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,OAAO,EACP,WAAW,EACX,oBAAoB,EACpB,cAAc,EACd,iBAAiB,EACjB,WAAW,EACX,QAAQ,EACR,OAAO,EACP,aAAa,EACb,mBAAmB,EACnB,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,cAAc,EACd,WAAW,EACX,aAAa,EACb,kBAAkB,EAClB,aAAa,EACb,aAAa,EACb,uBAAuB,EACvB,mBAAmB,EACnB,aAAa,GACd,CAAA"}
|