phx-react 1.3.408 → 1.3.410
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 +6 -1
- package/dist/cjs/components/DatePicker/DatePicker.js +49 -19
- package/dist/cjs/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/cjs/components/DatePicker/components/Calendar.d.ts +1 -1
- package/dist/cjs/components/DatePicker/components/Calendar.js +33 -29
- package/dist/cjs/components/DatePicker/components/Calendar.js.map +1 -1
- package/dist/cjs/components/FormWrap/FormWrap.d.ts +6 -1
- package/dist/cjs/components/FormWrap/FormWrap.js +3 -2
- package/dist/cjs/components/FormWrap/FormWrap.js.map +1 -1
- package/dist/cjs/components/Skeleton/Skeleton.d.ts +2 -1
- package/dist/cjs/components/Skeleton/Skeleton.js +10 -5
- package/dist/cjs/components/Skeleton/Skeleton.js.map +1 -1
- package/dist/cjs/components/Table/Table.d.ts +2 -1
- package/dist/cjs/components/Table/Table.js +4 -3
- package/dist/cjs/components/Table/Table.js.map +1 -1
- package/dist/cjs/components/TimePicker/TimePicker.d.ts +6 -1
- package/dist/cjs/components/TimePicker/TimePicker.js +48 -9
- package/dist/cjs/components/TimePicker/TimePicker.js.map +1 -1
- package/dist/esm/components/DatePicker/DatePicker.d.ts +6 -1
- package/dist/esm/components/DatePicker/DatePicker.js +45 -14
- package/dist/esm/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/esm/components/DatePicker/components/Calendar.d.ts +1 -1
- package/dist/esm/components/DatePicker/components/Calendar.js +19 -15
- package/dist/esm/components/DatePicker/components/Calendar.js.map +1 -1
- package/dist/esm/components/FormWrap/FormWrap.d.ts +6 -1
- package/dist/esm/components/FormWrap/FormWrap.js +3 -2
- package/dist/esm/components/FormWrap/FormWrap.js.map +1 -1
- package/dist/esm/components/Skeleton/Skeleton.d.ts +2 -1
- package/dist/esm/components/Skeleton/Skeleton.js +10 -5
- package/dist/esm/components/Skeleton/Skeleton.js.map +1 -1
- package/dist/esm/components/Table/Table.d.ts +2 -1
- package/dist/esm/components/Table/Table.js +4 -3
- package/dist/esm/components/Table/Table.js.map +1 -1
- package/dist/esm/components/TimePicker/TimePicker.d.ts +6 -1
- package/dist/esm/components/TimePicker/TimePicker.js +49 -9
- package/dist/esm/components/TimePicker/TimePicker.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { UseFormRegisterReturn } from 'react-hook-form';
|
|
2
3
|
import { TimeProps } from './component/Time';
|
|
3
4
|
export interface TimePickerProps extends TimeProps {
|
|
4
5
|
className?: string;
|
|
@@ -6,5 +7,9 @@ export interface TimePickerProps extends TimeProps {
|
|
|
6
7
|
disabled?: boolean;
|
|
7
8
|
onChange?(value: any): void;
|
|
8
9
|
defaultValue?: string;
|
|
10
|
+
register?: UseFormRegisterReturn;
|
|
11
|
+
id?: string;
|
|
12
|
+
error?: boolean;
|
|
13
|
+
errorType?: 'required-field';
|
|
9
14
|
}
|
|
10
|
-
export declare function PHXTimePicker({ className,
|
|
15
|
+
export declare function PHXTimePicker({ className, defaultValue, disabled, error, errorType, id, label, onChange, register, step, }: TimePickerProps): React.JSX.Element;
|
|
@@ -13,17 +13,41 @@ function classNames() {
|
|
|
13
13
|
return classes.filter(Boolean).join(' ');
|
|
14
14
|
}
|
|
15
15
|
function PHXTimePicker(_a) {
|
|
16
|
-
var className = _a.className,
|
|
16
|
+
var className = _a.className, defaultValue = _a.defaultValue, disabled = _a.disabled, error = _a.error, errorType = _a.errorType, _b = _a.id, id = _b === void 0 ? 'time-picker' : _b, label = _a.label, onChange = _a.onChange, register = _a.register, step = _a.step;
|
|
17
|
+
var message = function (type) {
|
|
18
|
+
var errorMessage = '';
|
|
19
|
+
switch (type) {
|
|
20
|
+
case 'required-field':
|
|
21
|
+
errorMessage = 'Vui lòng nhập thông tin';
|
|
22
|
+
break;
|
|
23
|
+
default:
|
|
24
|
+
break;
|
|
25
|
+
}
|
|
26
|
+
return errorMessage;
|
|
27
|
+
};
|
|
17
28
|
var inputRef = (0, react_1.useRef)(null);
|
|
18
29
|
var calendarRef = (0, react_1.useRef)(null);
|
|
19
|
-
var
|
|
20
|
-
var
|
|
30
|
+
var _c = (0, react_1.useState)(false), isCalendarVisible = _c[0], setIsCalendarVisible = _c[1];
|
|
31
|
+
var _d = (0, react_1.useState)(''), inputValue = _d[0], setInputValue = _d[1];
|
|
32
|
+
var _e = (0, react_1.useState)(false), isFocus = _e[0], setIsFocus = _e[1];
|
|
21
33
|
var handleToggleCalendar = function () {
|
|
22
34
|
setIsCalendarVisible(true);
|
|
23
35
|
};
|
|
36
|
+
(0, react_1.useEffect)(function () {
|
|
37
|
+
if (defaultValue) {
|
|
38
|
+
// @ts-ignore
|
|
39
|
+
setInputValue(defaultValue);
|
|
40
|
+
}
|
|
41
|
+
else {
|
|
42
|
+
return;
|
|
43
|
+
}
|
|
44
|
+
}, []);
|
|
24
45
|
(0, react_1.useEffect)(function () {
|
|
25
46
|
var handleClickOutside = function (event) {
|
|
26
|
-
if (calendarRef.current &&
|
|
47
|
+
if (calendarRef.current &&
|
|
48
|
+
!calendarRef.current.contains(event.target) &&
|
|
49
|
+
inputRef.current !== event.target &&
|
|
50
|
+
!isFocus) {
|
|
27
51
|
setIsCalendarVisible(false);
|
|
28
52
|
}
|
|
29
53
|
};
|
|
@@ -31,8 +55,11 @@ function PHXTimePicker(_a) {
|
|
|
31
55
|
return function () {
|
|
32
56
|
document.removeEventListener('click', handleClickOutside);
|
|
33
57
|
};
|
|
34
|
-
}, []);
|
|
58
|
+
}, [isFocus]);
|
|
35
59
|
var handleChange = function (val) {
|
|
60
|
+
var inputElement = document.getElementById("".concat(id, "-after"));
|
|
61
|
+
if (inputElement)
|
|
62
|
+
inputElement.focus();
|
|
36
63
|
setInputValue(val);
|
|
37
64
|
if (onChange) {
|
|
38
65
|
onChange(val);
|
|
@@ -60,11 +87,23 @@ function PHXTimePicker(_a) {
|
|
|
60
87
|
react_1["default"].createElement("div", { className: className },
|
|
61
88
|
label && react_1["default"].createElement("label", { className: 'mb-1 block text-xs font-normal text-gray-700' }, label),
|
|
62
89
|
react_1["default"].createElement("div", { className: 'relative' },
|
|
63
|
-
react_1["default"].createElement("
|
|
64
|
-
react_1["default"].createElement("
|
|
90
|
+
react_1["default"].createElement("label", { ref: inputRef, className: 'absolute top-0 h-[1.875rem] w-full rounded-lg py-4', htmlFor: id, onClick: handleToggleCalendar }),
|
|
91
|
+
react_1["default"].createElement("input", { className: classNames('block w-full rounded-lg border border-gray-500 px-3 py-1.5 pl-9 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' : '', error ? 'border-red-800 bg-red-50 hover:bg-red-50 focus:border-red-800 focus:bg-red-50' : ''), disabled: disabled, id: id, onBlur: function () { return setIsFocus(false); }, onChange: function (event) { return handleChangeInput(event); }, onFocus: function () { return setIsFocus(true); }, value: inputValue }),
|
|
92
|
+
react_1["default"].createElement("input", tslib_1.__assign({ className: 'rounded-lg', id: "".concat(id, "-after"), style: {
|
|
93
|
+
content: '',
|
|
94
|
+
position: 'absolute',
|
|
95
|
+
height: 0,
|
|
96
|
+
top: 0,
|
|
97
|
+
zIndex: -100
|
|
98
|
+
} }, register, { defaultValue: inputValue })),
|
|
99
|
+
error && errorType ? (react_1["default"].createElement("div", { className: 'ml-1 mt-1 flex items-center' },
|
|
100
|
+
react_1["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' },
|
|
101
|
+
react_1["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' })),
|
|
102
|
+
react_1["default"].createElement("p", { className: 'text-xs text-red-800' }, message(errorType)))) : null,
|
|
103
|
+
react_1["default"].createElement("div", { className: 'absolute left-3 top-2' },
|
|
65
104
|
react_1["default"].createElement(outline_1.ClockIcon, { className: 'h-4 w-4 text-gray-500' })),
|
|
66
|
-
react_1["default"].createElement("div", { className: "absolute
|
|
67
|
-
react_1["default"].createElement(Time_1["default"], {
|
|
105
|
+
react_1["default"].createElement("div", { ref: calendarRef, className: "absolute left-0 top-10 z-50 w-full ".concat(isCalendarVisible ? '' : 'hidden') },
|
|
106
|
+
react_1["default"].createElement(Time_1["default"], { onChangeTime: function (val) { return handleChange(val); }, step: step }))))));
|
|
68
107
|
}
|
|
69
108
|
exports.PHXTimePicker = PHXTimePicker;
|
|
70
109
|
//# sourceMappingURL=TimePicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../../../src/components/TimePicker/TimePicker.tsx"],"names":[],"mappings":";;;;AAAA,uDAAuD;AACvD,qDAA0D;
|
|
1
|
+
{"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../../../src/components/TimePicker/TimePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { UseFormRegisterReturn } from 'react-hook-form';
|
|
2
3
|
import { CalendarProps } from './components/Calendar';
|
|
3
4
|
export interface DatePickerProps extends CalendarProps {
|
|
4
5
|
onChange?(val: any): void;
|
|
@@ -7,5 +8,9 @@ export interface DatePickerProps extends CalendarProps {
|
|
|
7
8
|
disabled?: boolean;
|
|
8
9
|
className?: string;
|
|
9
10
|
origin?: 'left' | 'right';
|
|
11
|
+
register?: UseFormRegisterReturn;
|
|
12
|
+
id?: string;
|
|
13
|
+
error?: boolean;
|
|
14
|
+
errorType?: 'required-field';
|
|
10
15
|
}
|
|
11
|
-
export declare function PHXDatePicker({
|
|
16
|
+
export declare function PHXDatePicker({ className, defaultValue, disabled, disabledDate, endDisabled, id, label, max, min, onChange, onChangeDate, origin, register, startDisabled, error, errorType, }: DatePickerProps): React.JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
+
import { __assign } from "tslib";
|
|
1
2
|
import { CalendarDaysIcon } from '@heroicons/react/20/solid';
|
|
2
|
-
import { useEffect, useRef, useState } from 'react';
|
|
3
|
-
import React from 'react';
|
|
3
|
+
import React, { useEffect, useRef, useState } from 'react';
|
|
4
4
|
import Calendar from './components/Calendar';
|
|
5
5
|
function classNames() {
|
|
6
6
|
var classes = [];
|
|
@@ -10,16 +10,31 @@ function classNames() {
|
|
|
10
10
|
return classes.filter(Boolean).join(' ');
|
|
11
11
|
}
|
|
12
12
|
export function PHXDatePicker(_a) {
|
|
13
|
-
var
|
|
13
|
+
var className = _a.className, defaultValue = _a.defaultValue, disabled = _a.disabled, disabledDate = _a.disabledDate, endDisabled = _a.endDisabled, _b = _a.id, id = _b === void 0 ? 'date-picker' : _b, label = _a.label, max = _a.max, min = _a.min, onChange = _a.onChange, onChangeDate = _a.onChangeDate, _c = _a.origin, origin = _c === void 0 ? 'left' : _c, register = _a.register, startDisabled = _a.startDisabled, error = _a.error, errorType = _a.errorType;
|
|
14
|
+
var message = function (type) {
|
|
15
|
+
var errorMessage = '';
|
|
16
|
+
switch (type) {
|
|
17
|
+
case 'required-field':
|
|
18
|
+
errorMessage = 'Vui lòng nhập thông tin';
|
|
19
|
+
break;
|
|
20
|
+
default:
|
|
21
|
+
break;
|
|
22
|
+
}
|
|
23
|
+
return errorMessage;
|
|
24
|
+
};
|
|
14
25
|
var inputRef = useRef(null);
|
|
15
26
|
var calendarRef = useRef(null);
|
|
16
|
-
var
|
|
17
|
-
var
|
|
18
|
-
var
|
|
27
|
+
var _d = useState(false), isCalendarVisible = _d[0], setIsCalendarVisible = _d[1];
|
|
28
|
+
var _e = useState(''), inputValue = _e[0], setInputValue = _e[1];
|
|
29
|
+
var _f = useState(''), inputChange = _f[0], setInputChange = _f[1];
|
|
30
|
+
var _g = useState(false), isFocus = _g[0], setIsFocus = _g[1];
|
|
19
31
|
var handleToggleCalendar = function () {
|
|
20
32
|
setIsCalendarVisible(true);
|
|
21
33
|
};
|
|
22
34
|
var handleSelectDate = function (selectedDate) {
|
|
35
|
+
var inputElement = document.getElementById("".concat(id, "-after"));
|
|
36
|
+
if (inputElement)
|
|
37
|
+
inputElement.focus();
|
|
23
38
|
if (onChangeDate) {
|
|
24
39
|
onChangeDate(selectedDate);
|
|
25
40
|
}
|
|
@@ -27,6 +42,9 @@ export function PHXDatePicker(_a) {
|
|
|
27
42
|
};
|
|
28
43
|
var handleEnterInput = function (event) {
|
|
29
44
|
if (event.key === 'Enter') {
|
|
45
|
+
var inputElement = document.getElementById("".concat(id, "-after"));
|
|
46
|
+
if (inputElement)
|
|
47
|
+
inputElement.focus();
|
|
30
48
|
setInputChange(event.target.value);
|
|
31
49
|
}
|
|
32
50
|
};
|
|
@@ -51,7 +69,10 @@ export function PHXDatePicker(_a) {
|
|
|
51
69
|
}, []);
|
|
52
70
|
useEffect(function () {
|
|
53
71
|
var handleClickOutside = function (event) {
|
|
54
|
-
if (calendarRef.current &&
|
|
72
|
+
if (calendarRef.current &&
|
|
73
|
+
!calendarRef.current.contains(event.target) &&
|
|
74
|
+
inputRef.current !== event.target &&
|
|
75
|
+
!isFocus) {
|
|
55
76
|
setIsCalendarVisible(false);
|
|
56
77
|
}
|
|
57
78
|
};
|
|
@@ -59,17 +80,27 @@ export function PHXDatePicker(_a) {
|
|
|
59
80
|
return function () {
|
|
60
81
|
document.removeEventListener('click', handleClickOutside);
|
|
61
82
|
};
|
|
62
|
-
}, []);
|
|
83
|
+
}, [isFocus]);
|
|
63
84
|
return (React.createElement(React.Fragment, null,
|
|
64
85
|
React.createElement("div", { className: className },
|
|
65
86
|
label && React.createElement("label", { className: 'mb-1 block text-xs font-normal text-gray-700' }, label),
|
|
66
87
|
React.createElement("div", { className: 'relative' },
|
|
67
|
-
React.createElement("
|
|
68
|
-
React.createElement("
|
|
88
|
+
React.createElement("label", { ref: inputRef, className: 'absolute top-0 h-[1.875rem] w-full rounded-lg py-4', htmlFor: id, onClick: handleToggleCalendar }),
|
|
89
|
+
React.createElement("input", { className: classNames('block w-full rounded-lg border border-gray-500 px-3 py-1.5 pl-9 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' : ''), disabled: disabled, id: id, onBlur: function () { return setIsFocus(false); }, onChange: handleChangeInput, onFocus: function () { return setIsFocus(true); }, onKeyDown: handleEnterInput, value: inputValue }),
|
|
90
|
+
React.createElement("input", __assign({ className: 'rounded-lg', id: "".concat(id, "-after"), style: {
|
|
91
|
+
content: '',
|
|
92
|
+
position: 'absolute',
|
|
93
|
+
height: 0,
|
|
94
|
+
top: 0,
|
|
95
|
+
zIndex: -100
|
|
96
|
+
} }, register, { defaultValue: inputValue })),
|
|
97
|
+
error && errorType ? (React.createElement("div", { className: 'ml-1 mt-1 flex items-center' },
|
|
98
|
+
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' },
|
|
99
|
+
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' })),
|
|
100
|
+
React.createElement("p", { className: 'text-xs text-red-800' }, message(errorType)))) : null,
|
|
101
|
+
React.createElement("div", { className: 'absolute left-3 top-2' },
|
|
69
102
|
React.createElement(CalendarDaysIcon, { className: 'h-4 w-4 text-gray-500' })),
|
|
70
|
-
React.createElement("div", { className: "absolute
|
|
71
|
-
React.createElement(Calendar, { endDisabled: endDisabled,
|
|
72
|
-
// @ts-ignore
|
|
73
|
-
defaultDate: defaultValue, disabledDate: disabledDate, max: max, min: min }))))));
|
|
103
|
+
React.createElement("div", { ref: calendarRef, className: "absolute top-10 z-50 ".concat(origin === 'left' ? 'left-0' : 'right-1/2', " ").concat(isCalendarVisible ? '' : 'hidden') },
|
|
104
|
+
React.createElement(Calendar, { defaultDate: defaultValue, disabledDate: disabledDate, endDisabled: endDisabled, inputValue: inputChange, max: max, min: min, onChangeDate: function (val) { return handleSelectDate(val); }, startDisabled: startDisabled }))))));
|
|
74
105
|
}
|
|
75
106
|
//# sourceMappingURL=DatePicker.js.map
|
|
@@ -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;
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,5 +11,5 @@ export interface CalendarProps {
|
|
|
11
11
|
interface Props extends CalendarProps {
|
|
12
12
|
inputValue?: string;
|
|
13
13
|
}
|
|
14
|
-
export default function Calendar({
|
|
14
|
+
export default function Calendar({ defaultDate, disabledDate, endDisabled, inputValue, max, min, onChangeDate, startDisabled, }: Props): React.JSX.Element;
|
|
15
15
|
export {};
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
import { __assign } from "tslib";
|
|
2
2
|
import { ArrowLeftIcon, ArrowRightIcon } from '@heroicons/react/20/solid';
|
|
3
|
+
import React, { useEffect, useState } from 'react';
|
|
3
4
|
import { checkActive, checkDisabled, createMonthCalendarWithAdjacentMonths, formatDate, getMonthName } from '../utils';
|
|
4
|
-
import { useEffect, useState } from 'react';
|
|
5
|
-
import React from 'react';
|
|
6
5
|
function classNames() {
|
|
7
6
|
var classes = [];
|
|
8
7
|
for (var _i = 0; _i < arguments.length; _i++) {
|
|
@@ -11,7 +10,7 @@ function classNames() {
|
|
|
11
10
|
return classes.filter(Boolean).join(' ');
|
|
12
11
|
}
|
|
13
12
|
export default function Calendar(_a) {
|
|
14
|
-
var
|
|
13
|
+
var defaultDate = _a.defaultDate, disabledDate = _a.disabledDate, endDisabled = _a.endDisabled, inputValue = _a.inputValue, max = _a.max, min = _a.min, onChangeDate = _a.onChangeDate, startDisabled = _a.startDisabled;
|
|
15
14
|
var currentDate = formatDate(new Date());
|
|
16
15
|
var _b = useState(new Date().getFullYear()), currentYear = _b[0], setCurrentYear = _b[1];
|
|
17
16
|
var _c = useState(new Date().getMonth()), currentMonth = _c[0], setCurrentMonth = _c[1];
|
|
@@ -24,9 +23,14 @@ export default function Calendar(_a) {
|
|
|
24
23
|
};
|
|
25
24
|
useEffect(function () {
|
|
26
25
|
var calendar = createMonthCalendarWithAdjacentMonths(currentYear, currentMonth);
|
|
27
|
-
var selectedCalendar = calendar.map(function (item) {
|
|
28
|
-
|
|
29
|
-
|
|
26
|
+
var selectedCalendar = calendar.map(function (item) { return (__assign(__assign({}, item), { isSelected: checkActive(daySelected, item.date), disabled: checkDisabled({
|
|
27
|
+
startDisabled: startDisabled,
|
|
28
|
+
endDisabled: endDisabled,
|
|
29
|
+
date: item.date,
|
|
30
|
+
disabledDate: disabledDate,
|
|
31
|
+
max: max,
|
|
32
|
+
min: min
|
|
33
|
+
}) })); });
|
|
30
34
|
setCalendar(selectedCalendar);
|
|
31
35
|
}, [daySelected, currentMonth, currentYear]);
|
|
32
36
|
useEffect(function () {
|
|
@@ -91,17 +95,17 @@ export default function Calendar(_a) {
|
|
|
91
95
|
}
|
|
92
96
|
};
|
|
93
97
|
return (React.createElement("div", null,
|
|
94
|
-
React.createElement("div", { className: 'bg-white
|
|
98
|
+
React.createElement("div", { className: 'w-[21rem] rounded-lg border-[0.5px] border-gray-200 bg-white px-3 py-2 shadow-lg sm:w-[26rem]' },
|
|
95
99
|
React.createElement("div", { className: 'text-center lg:col-start-8 lg:col-end-13 lg:row-start-1 xl:col-start-9' },
|
|
96
100
|
React.createElement("div", { className: 'flex items-center text-gray-900' },
|
|
97
|
-
React.createElement("button", {
|
|
101
|
+
React.createElement("button", { className: '-m-1.5 flex flex-none items-center justify-center rounded-lg p-1 text-gray-400 hover:bg-gray-200', onClick: function () { return handleChangeMonth('prev'); }, type: 'button' },
|
|
98
102
|
React.createElement("span", { className: 'sr-only' }, "Previous month"),
|
|
99
|
-
React.createElement(ArrowLeftIcon, { className: 'h-5 w-5'
|
|
103
|
+
React.createElement(ArrowLeftIcon, { "aria-hidden": 'true', className: 'h-5 w-5' })),
|
|
100
104
|
React.createElement("div", { className: 'flex-auto text-xs font-medium' }, getMonthName(currentMonth) + ' ' + currentYear),
|
|
101
|
-
React.createElement("button", {
|
|
105
|
+
React.createElement("button", { className: '-m-1.5 flex flex-none items-center justify-center rounded-lg p-1 text-gray-400 hover:bg-gray-200', onClick: function () { return handleChangeMonth('next'); }, type: 'button' },
|
|
102
106
|
React.createElement("span", { className: 'sr-only' }, "Next month"),
|
|
103
|
-
React.createElement(ArrowRightIcon, { className: 'h-5 w-5'
|
|
104
|
-
React.createElement("div", { className: 'mt-4 grid grid-cols-7 text-xs font-normal text-gray-500
|
|
107
|
+
React.createElement(ArrowRightIcon, { "aria-hidden": 'true', className: 'h-5 w-5' }))),
|
|
108
|
+
React.createElement("div", { className: 'mt-4 grid grid-cols-7 text-[0.75rem] text-xs font-normal text-gray-500' },
|
|
105
109
|
React.createElement("div", { className: classNames(checkToday(1) && '!font-semibold !text-gray-900') }, "T2"),
|
|
106
110
|
React.createElement("div", { className: classNames(checkToday(2) && '!font-semibold !text-gray-900') }, "T3"),
|
|
107
111
|
React.createElement("div", { className: classNames(checkToday(3) && '!font-semibold !text-gray-900') }, "T4"),
|
|
@@ -109,9 +113,9 @@ export default function Calendar(_a) {
|
|
|
109
113
|
React.createElement("div", { className: classNames(checkToday(5) && '!font-semibold !text-gray-900') }, "T6"),
|
|
110
114
|
React.createElement("div", { className: classNames(checkToday(6) && '!font-semibold !text-gray-900') }, "T7"),
|
|
111
115
|
React.createElement("div", { className: classNames(checkToday(0) && '!font-semibold !text-gray-900') }, "CN")),
|
|
112
|
-
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,
|
|
113
|
-
? '!text-gray-300
|
|
114
|
-
: '', !day.isToday && day.isCurrentMonth && !day.isSelected && !day.disabled && 'text-gray-700', day.isSelected && '!bg-indigo-800 text-white', !day.isCurrentMonth && 'hidden'), style: { gridColumn: day.dayOfWeek === 0 ? 7 : day.dayOfWeek },
|
|
116
|
+
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, className: classNames('cursor-pointer rounded-lg py-[0.425rem] text-[0.75rem] font-light text-gray-800 hover:!bg-indigo-900 hover:text-white focus:z-10', day.isCurrentMonth ? 'bg-white' : 'text-gray-300', day.isToday ? 'font-semibold text-gray-900' : 'font-normal', day.disabled && day.isCurrentMonth
|
|
117
|
+
? '!cursor-default !text-gray-300 hover:!bg-transparent hover:!text-gray-300'
|
|
118
|
+
: '', !day.isToday && day.isCurrentMonth && !day.isSelected && !day.disabled && 'text-gray-700', day.isSelected && '!bg-indigo-800 text-white', !day.isCurrentMonth && 'hidden'), onClick: function () { return handleClick(day); }, style: { gridColumn: day.dayOfWeek === 0 ? 7 : day.dayOfWeek }, type: 'button' },
|
|
115
119
|
React.createElement("time", { className: '', dateTime: day.date }, day.date.split('-')[0].replace(/^0/, '')))); }))))));
|
|
116
120
|
}
|
|
117
121
|
//# 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,
|
|
1
|
+
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../../../src/components/DatePicker/components/Calendar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,6 +11,9 @@ export interface FooterBarProps {
|
|
|
11
11
|
children?: any;
|
|
12
12
|
loading?: boolean;
|
|
13
13
|
onlyDelete?: boolean;
|
|
14
|
+
secondaryLeftButton?: boolean;
|
|
15
|
+
secondaryLeftButtonSubmit?: boolean;
|
|
16
|
+
secondaryLeftTextButton?: string;
|
|
14
17
|
deleted?: boolean;
|
|
15
18
|
submit?: boolean;
|
|
16
19
|
cancelText?: string;
|
|
@@ -31,5 +34,7 @@ export interface FooterBarProps {
|
|
|
31
34
|
onImport?(): void;
|
|
32
35
|
onChangeCapture?(): void;
|
|
33
36
|
onHeaderActionClick?(): void;
|
|
37
|
+
onSubmitSecondaryLeftButton?(): void;
|
|
38
|
+
onDeletedSecondaryLeftButton?(): void;
|
|
34
39
|
}
|
|
35
|
-
export declare const PHXFormWrap: ({ badge, cancelText, children, className, deleted, deletedLoading, footerAction, headerAction, headerActionText, headerActionType, loading, method, nameOfModal, onSecondary, onCancel, onDelete, onSubmit, onImport, onChangeCapture, onHeaderActionClick, onlyDelete, size, formType, submit, submitText, title, type, backAction, }: FooterBarProps) => React.JSX.Element;
|
|
40
|
+
export declare const PHXFormWrap: ({ badge, cancelText, children, className, deleted, secondaryLeftButton, secondaryLeftButtonSubmit, secondaryLeftTextButton, deletedLoading, footerAction, headerAction, headerActionText, headerActionType, loading, method, nameOfModal, onSecondary, onCancel, onDelete, onSubmit, onImport, onChangeCapture, onHeaderActionClick, onSubmitSecondaryLeftButton, onDeletedSecondaryLeftButton, onlyDelete, size, formType, submit, submitText, title, type, backAction, }: FooterBarProps) => React.JSX.Element;
|
|
@@ -7,7 +7,7 @@ import { PHXModal } from '../Modal';
|
|
|
7
7
|
import { ExclamationTriangleIcon } from '@heroicons/react/24/outline';
|
|
8
8
|
import ImportModal from './ModalImport';
|
|
9
9
|
export var PHXFormWrap = function (_a) {
|
|
10
|
-
var badge = _a.badge, cancelText = _a.cancelText, children = _a.children, className = _a.className, deleted = _a.deleted, deletedLoading = _a.deletedLoading, _b = _a.footerAction, footerAction = _b === void 0 ? true : _b, _c = _a.headerAction, headerAction = _c === void 0 ? true : _c, headerActionText = _a.headerActionText, _d = _a.headerActionType, headerActionType = _d === void 0 ? 'custom' : _d, loading = _a.loading, method = _a.method, nameOfModal = _a.nameOfModal, onSecondary = _a.onSecondary, onCancel = _a.onCancel, onDelete = _a.onDelete, onSubmit = _a.onSubmit, onImport = _a.onImport, onChangeCapture = _a.onChangeCapture, onHeaderActionClick = _a.onHeaderActionClick, onlyDelete = _a.onlyDelete, _e = _a.size, size = _e === void 0 ? 'large' : _e, formType = _a.formType, submit = _a.submit, submitText = _a.submitText, title = _a.title, _f = _a.type, type = _f === void 0 ? 'default' : _f, _g = _a.backAction, backAction = _g === void 0 ? true : _g;
|
|
10
|
+
var badge = _a.badge, cancelText = _a.cancelText, children = _a.children, className = _a.className, deleted = _a.deleted, secondaryLeftButton = _a.secondaryLeftButton, secondaryLeftButtonSubmit = _a.secondaryLeftButtonSubmit, secondaryLeftTextButton = _a.secondaryLeftTextButton, deletedLoading = _a.deletedLoading, _b = _a.footerAction, footerAction = _b === void 0 ? true : _b, _c = _a.headerAction, headerAction = _c === void 0 ? true : _c, headerActionText = _a.headerActionText, _d = _a.headerActionType, headerActionType = _d === void 0 ? 'custom' : _d, loading = _a.loading, method = _a.method, nameOfModal = _a.nameOfModal, onSecondary = _a.onSecondary, onCancel = _a.onCancel, onDelete = _a.onDelete, onSubmit = _a.onSubmit, onImport = _a.onImport, onChangeCapture = _a.onChangeCapture, onHeaderActionClick = _a.onHeaderActionClick, onSubmitSecondaryLeftButton = _a.onSubmitSecondaryLeftButton, onDeletedSecondaryLeftButton = _a.onDeletedSecondaryLeftButton, onlyDelete = _a.onlyDelete, _e = _a.size, size = _e === void 0 ? 'large' : _e, formType = _a.formType, submit = _a.submit, submitText = _a.submitText, title = _a.title, _f = _a.type, type = _f === void 0 ? 'default' : _f, _g = _a.backAction, backAction = _g === void 0 ? true : _g;
|
|
11
11
|
var sizeClassName = classNames(size === 'small' && 'mx-auto md:w-5/6 xl:w-1/2', size === 'medium' && 'mx-auto md:w-5/6 lg:w-3/4', size === 'large' && 'mx-auto md:w-md lg:w-11/12');
|
|
12
12
|
var _h = useState(false), isModalOpen = _h[0], setIsModalOpen = _h[1];
|
|
13
13
|
var _j = useState(false), openImport = _j[0], setOpenImport = _j[1];
|
|
@@ -47,7 +47,7 @@ export var PHXFormWrap = function (_a) {
|
|
|
47
47
|
React.createElement(PHXButton, { primary: true, size: 'small', onClick: handleHeaderAction }, headerActionText))))),
|
|
48
48
|
children,
|
|
49
49
|
React.createElement("div", { className: footerAction
|
|
50
|
-
? classNames(deleted ? 'justify-between' : 'justify-end gap-x-3', 'pt-6 mt-6 flex items-center')
|
|
50
|
+
? classNames(deleted || secondaryLeftButton ? 'justify-between' : 'justify-end gap-x-3', 'pt-6 mt-6 flex items-center')
|
|
51
51
|
: 'hidden' },
|
|
52
52
|
deleted && (React.createElement(React.Fragment, null,
|
|
53
53
|
React.createElement(PHXButton, { deleted: true, size: 'small', onClick: function () { return setIsModalOpen(true); } }, "X\u00F3a b\u1EA3n ghi"),
|
|
@@ -61,6 +61,7 @@ export var PHXFormWrap = function (_a) {
|
|
|
61
61
|
"B\u1EA1n c\u00F3 ch\u1EAFc ch\u1EAFn mu\u1ED1n x\u00F3a b\u1EA3n ghi ",
|
|
62
62
|
nameOfModal,
|
|
63
63
|
"?"))))))),
|
|
64
|
+
secondaryLeftButton && (React.createElement("div", { className: 'flex justify-end gap-x-3' }, secondaryLeftButtonSubmit ? (React.createElement(PHXButton, { size: 'small', loading: loading, onClick: onSubmitSecondaryLeftButton, primary: true }, secondaryLeftTextButton)) : (React.createElement(PHXButton, { deleted: true, size: 'small', onClick: onDeletedSecondaryLeftButton }, secondaryLeftTextButton)))),
|
|
64
65
|
!onlyDelete && (React.createElement("div", { className: 'flex justify-end gap-x-3' },
|
|
65
66
|
React.createElement(PHXButton, { size: 'small', secondary: true, onClick: onSecondary ? onSecondary : onCancel }, formType === 'custom' ? cancelText : 'Huỷ thay đổi'),
|
|
66
67
|
submit ? (React.createElement(PHXButton, { size: 'small', loading: loading, submit: true, primary: true }, formType === 'custom' ? submitText : formType === 'add' ? 'Thêm mới' : 'Cập nhật')) : (React.createElement(PHXButton, { size: 'small', loading: loading, onClick: onSubmit, primary: true }, formType === 'custom' ? submitText : formType === 'add' ? 'Thêm mới' : 'Cập nhật'))))))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormWrap.js","sourceRoot":"","sources":["../../../../src/components/FormWrap/FormWrap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACnC,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAA;AACrE,OAAO,WAAW,MAAM,eAAe,CAAA;
|
|
1
|
+
{"version":3,"file":"FormWrap.js","sourceRoot":"","sources":["../../../../src/components/FormWrap/FormWrap.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AACrC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACnC,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAA;AACrE,OAAO,WAAW,MAAM,eAAe,CAAA;AAsCvC,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAkCX;QAjCf,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,OAAO,aAAA,EACP,mBAAmB,yBAAA,EACnB,yBAAyB,+BAAA,EACzB,uBAAuB,6BAAA,EACvB,cAAc,oBAAA,EACd,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA,EACnB,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA,EACnB,gBAAgB,sBAAA,EAChB,wBAA2B,EAA3B,gBAAgB,mBAAG,QAAQ,KAAA,EAC3B,OAAO,aAAA,EACP,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,eAAe,qBAAA,EACf,mBAAmB,yBAAA,EACnB,2BAA2B,iCAAA,EAC3B,4BAA4B,kCAAA,EAC5B,UAAU,gBAAA,EACV,YAAc,EAAd,IAAI,mBAAG,OAAO,KAAA,EACd,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,YAAgB,EAAhB,IAAI,mBAAG,SAAS,KAAA,EAChB,kBAAiB,EAAjB,UAAU,mBAAG,IAAI,KAAA;IAEjB,IAAM,aAAa,GAAG,UAAU,CAC9B,IAAI,KAAK,OAAO,IAAI,2BAA2B,EAC/C,IAAI,KAAK,QAAQ,IAAI,2BAA2B,EAChD,IAAI,KAAK,OAAO,IAAI,4BAA4B,CACjD,CAAA;IACK,IAAA,KAAgC,QAAQ,CAAM,KAAK,CAAC,EAAnD,WAAW,QAAA,EAAE,cAAc,QAAwB,CAAA;IACpD,IAAA,KAA8B,QAAQ,CAAM,KAAK,CAAC,EAAjD,UAAU,QAAA,EAAE,aAAa,QAAwB,CAAA;IAExD,IAAM,YAAY,GAAG;QACnB,IAAI,QAAQ,EAAE;YACZ,QAAQ,EAAE,CAAA;SACX;aAAM;YACL,OAAM;SACP;IACH,CAAC,CAAA;IAED,IAAM,kBAAkB,GAAG;QACzB,IAAI,gBAAgB,KAAK,QAAQ,EAAE;YACjC,aAAa,CAAC,IAAI,CAAC,CAAA;SACpB;aAAM;YACL,IAAI,mBAAmB,EAAE;gBACvB,mBAAmB,EAAE,CAAA;aACtB;SACF;IACH,CAAC,CAAA;IAED,SAAS,CAAC;QACR,cAAc,CAAC,cAAc,CAAC,CAAA;IAChC,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAA;IAEpB,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS;QACvB,8BAAM,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ;YACtC,6BAAK,SAAS,EAAE,aAAa;gBAC1B,YAAY,IAAI,CACf,6BAAK,SAAS,EAAC,wCAAwC;oBACrD,6BAAK,SAAS,EAAC,mBAAmB;wBAC/B,UAAU,IAAI,CACb,gCACE,SAAS,EAAC,iPAAiP,EAC3P,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,QAAQ;4BAEjB,oBAAC,aAAa,IAAC,SAAS,EAAC,SAAS,GAAG,CAC9B,CACV;wBAED,6BACE,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;4BAElG,4BACE,SAAS,EAAE,UAAU,CACnB,mFAAmF,EACnF,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,aAAa,CACxC,IAEA,KAAK,CACH;4BACJ,IAAI,KAAK,kBAAkB,IAAI,CAC9B,6BAAK,SAAS,EAAC,mBAAmB;gCAChC,oBAAC,QAAQ,IAAC,IAAI,EAAE,KAAK,CAAC,SAAS,EAAE,IAAI,EAAE,KAAK,CAAC,SAAS,GAAI,CACtD,CACP,CACG,CACF;oBACL,gBAAgB,IAAI,CACnB;wBACE,oBAAC,SAAS,IAAC,OAAO,QAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,kBAAkB,IACxD,gBAAgB,CACP,CACR,CACP,CACG,CACP;gBACA,QAAQ;gBACT,6BACE,SAAS,EACP,YAAY;wBACV,CAAC,CAAC,UAAU,CACR,OAAO,IAAI,mBAAmB,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,qBAAqB,EAC1E,6BAA6B,CAC9B;wBACH,CAAC,CAAC,QAAQ;oBAGb,OAAO,IAAI,CACV;wBACE,oBAAC,SAAS,IAAC,OAAO,QAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,IAAI,CAAC,EAApB,CAAoB,4BAEvD;wBACZ,oBAAC,QAAQ,IACP,gBAAgB,EAAC,uBAAa,EAC9B,aAAa,EAAE,cAAc,EAC7B,aAAa,EAAE,YAAY,EAC3B,iBAAiB,EAAC,EAAE,EACpB,MAAM,EAAE,cAAM,OAAA,cAAc,CAAC,KAAK,CAAC,EAArB,CAAqB,EACnC,IAAI,EAAE,WAAW,KAAK,IAAI,EAC1B,KAAK,EAAE,gCAAe,WAAW,MAAG;4BAEpC,6BAAK,SAAS,EAAC,wBAAwB;gCACrC,6BAAK,SAAS,EAAC,kHAAkH;oCAC/H,oBAAC,uBAAuB,mBAAa,MAAM,EAAC,SAAS,EAAC,sBAAsB,GAAG,CAC3E;gCACN,6BAAK,SAAS,EAAC,+CAA+C;oCAC5D,6BAAK,SAAS,EAAC,MAAM;wCACnB,2BAAG,SAAS,EAAC,uBAAuB;;4CAAoC,WAAW;gDAAM,CACrF,CACF,CACF,CACG,CACV,CACJ;oBACA,mBAAmB,IAAI,CACtB,6BAAK,SAAS,EAAC,0BAA0B,IACtC,yBAAyB,CAAC,CAAC,CAAC,CAC3B,oBAAC,SAAS,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,2BAA2B,EAAE,OAAO,UACpF,uBAAuB,CACd,CACb,CAAC,CAAC,CAAC,CACF,oBAAC,SAAS,IAAC,OAAO,QAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,4BAA4B,IAClE,uBAAuB,CACd,CACb,CACG,CACP;oBACA,CAAC,UAAU,IAAI,CACd,6BAAK,SAAS,EAAC,0BAA0B;wBACvC,oBAAC,SAAS,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,QAAC,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,IAC5E,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,cAAc,CAC1C;wBACX,MAAM,CAAC,CAAC,CAAC,CACR,oBAAC,SAAS,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,EAAE,MAAM,QAAC,OAAO,UACrD,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CACxE,CACb,CAAC,CAAC,CAAC,CACF,oBAAC,SAAS,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,UACjE,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,QAAQ,KAAK,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CACxE,CACb,CACG,CACP,CACG,CACF,CACD;QACP,oBAAC,WAAW,IACV,IAAI,EAAE,UAAU,EAChB,MAAM,EAAE,cAAM,OAAA,aAAa,CAAC,KAAK,CAAC,EAApB,CAAoB,EAClC,YAAY,EAAE,QAAQ,EACtB,eAAe,EAAE,eAAe,GAChC,CACE,CACP,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -4,5 +4,6 @@ export interface SkeletonProps {
|
|
|
4
4
|
type?: 'default' | 'col' | 'single' | 'table' | 'page' | 'page-col' | 'page-with-table' | 'page-table-with-report' | 'page-table-report-filter' | 'page-table-filter' | 'only-header' | 'only-report';
|
|
5
5
|
className?: string;
|
|
6
6
|
filterQty?: number;
|
|
7
|
+
reportQty?: number;
|
|
7
8
|
}
|
|
8
|
-
export declare function PHXSkeleton({ className, size, type, filterQty }: SkeletonProps): React.JSX.Element;
|
|
9
|
+
export declare function PHXSkeleton({ className, size, type, filterQty, reportQty, }: SkeletonProps): React.JSX.Element;
|
|
@@ -3,10 +3,10 @@ import { PHXCard } from '../Card/Card';
|
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import { classNames } from '../types';
|
|
5
5
|
export function PHXSkeleton(_a) {
|
|
6
|
-
var className = _a.className, _b = _a.size, size = _b === void 0 ? 'extra-large' : _b, _c = _a.type, type = _c === void 0 ? 'default' : _c, filterQty = _a.filterQty;
|
|
6
|
+
var className = _a.className, _b = _a.size, size = _b === void 0 ? 'extra-large' : _b, _c = _a.type, type = _c === void 0 ? 'default' : _c, filterQty = _a.filterQty, reportQty = _a.reportQty;
|
|
7
7
|
var skeletonClass = classNames(
|
|
8
8
|
// @ts-ignore
|
|
9
|
-
size === 'small' && 'mx-auto md:w-5/6
|
|
9
|
+
size === 'small' && 'mx-auto md:w-5/6 xl:w-1/2', size === 'medium' && 'mx-auto md:w-5/6 lg:w-3/4', size === 'large' && 'mx-auto md:w-md lg:w-11/12', size === 'extra-large' && 'mx-auto w-full');
|
|
10
10
|
var Skeleton = function () { return (React.createElement("div", { className: 'flex animate-pulse space-x-4' },
|
|
11
11
|
React.createElement("div", { className: 'flex-1 space-y-6 py-1' },
|
|
12
12
|
React.createElement("div", { className: 'h-2 rounded bg-gray-200' }),
|
|
@@ -23,6 +23,11 @@ export function PHXSkeleton(_a) {
|
|
|
23
23
|
React.createElement("div", { className: 'col-span-1 h-2 rounded bg-gray-200' })),
|
|
24
24
|
React.createElement("div", { className: 'h-2 rounded bg-gray-200' }),
|
|
25
25
|
React.createElement("div", { className: 'h-2 rounded bg-gray-200' }))))); };
|
|
26
|
+
var SkeletonReportOnly = function () { return (React.createElement("div", { className: 'flex animate-pulse space-x-4' },
|
|
27
|
+
React.createElement("div", { className: 'flex-1 space-y-6 py-1' },
|
|
28
|
+
React.createElement("div", { className: 'space-y-2.5' },
|
|
29
|
+
React.createElement("div", { className: 'h-2 w-3/4 rounded bg-gray-200' }),
|
|
30
|
+
React.createElement("div", { className: 'h-7 w-1/4 rounded bg-gray-200' }))))); };
|
|
26
31
|
// const TableLoad = () => {
|
|
27
32
|
// return type !== 'table' ? <div className='h-3 w-1/4 rounded bg-gray-200' /> : null
|
|
28
33
|
// }
|
|
@@ -32,7 +37,7 @@ export function PHXSkeleton(_a) {
|
|
|
32
37
|
type === 'only-header' && React.createElement("div", { className: "h-7 rounded bg-gray-200 ".concat(className) }),
|
|
33
38
|
type === 'only-report' && (React.createElement("div", { className: className },
|
|
34
39
|
React.createElement(PHXCard, null,
|
|
35
|
-
React.createElement(
|
|
40
|
+
React.createElement(SkeletonReportOnly, null)))))) : (React.createElement("div", { className: "".concat(className, " ").concat(skeletonClass) },
|
|
36
41
|
type !== 'table' ? (React.createElement("div", { className: 'mb-7 flex animate-pulse space-x-4' },
|
|
37
42
|
React.createElement("div", { className: 'h-7 w-1/6 rounded bg-gray-200' }))) : null,
|
|
38
43
|
React.createElement("div", { className: classNames(type === 'default' ||
|
|
@@ -46,8 +51,8 @@ export function PHXSkeleton(_a) {
|
|
|
46
51
|
: 'grid grid-cols-1 items-start gap-4 lg:grid-cols-3 lg:gap-4') },
|
|
47
52
|
React.createElement("div", { className: classNames(type === 'default' ? '' : 'grid grid-cols-1 gap-4 lg:col-span-2') },
|
|
48
53
|
(type === 'page-table-report-filter' || type === 'page-table-filter') && (React.createElement("div", { className: 'flex gap-x-3' }, __spreadArray([], Array(filterQty), true).map(function (_, index) { return (React.createElement("div", { key: index, className: 'h-7 w-20 rounded bg-gray-200 animate-pulse' })); }))),
|
|
49
|
-
(type === 'page-table-with-report' || type === 'page-table-report-filter') && (React.createElement(
|
|
50
|
-
React.createElement(SkeletonReport, null))),
|
|
54
|
+
(type === 'page-table-with-report' || type === 'page-table-report-filter') && (React.createElement(React.Fragment, null, __spreadArray([], Array(reportQty), true).map(function (_, index) { return (React.createElement(PHXCard, { key: index },
|
|
55
|
+
React.createElement(SkeletonReport, null))); }))),
|
|
51
56
|
React.createElement(PHXCard, null,
|
|
52
57
|
React.createElement(Skeleton, null),
|
|
53
58
|
type === 'page' || type === 'page-col' ? null : (React.createElement(React.Fragment, null,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"Skeleton.js","sourceRoot":"","sources":["../../../../src/components/Skeleton/Skeleton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -47,8 +47,9 @@ export interface MainTableProps {
|
|
|
47
47
|
rowNumber?: number;
|
|
48
48
|
onChange?: any;
|
|
49
49
|
typeLoading?: {
|
|
50
|
-
type: 'page-with-table' | 'page-table-with-report' | 'table' | 'page-table-report-filter';
|
|
50
|
+
type: 'page-with-table' | 'page-table-with-report' | 'table' | 'page-table-report-filter' | 'page-table-filter';
|
|
51
51
|
filterQty?: number;
|
|
52
|
+
reportQty?: number;
|
|
52
53
|
};
|
|
53
54
|
setHeaderLoading?: any;
|
|
54
55
|
}
|
|
@@ -146,7 +146,8 @@ export function PHXTable(_a) {
|
|
|
146
146
|
setAggregate(data[countPage].aggregate.count);
|
|
147
147
|
}
|
|
148
148
|
setIsMainLoading(false);
|
|
149
|
-
setHeaderLoading
|
|
149
|
+
if (setHeaderLoading)
|
|
150
|
+
setHeaderLoading();
|
|
150
151
|
if (setAggregate) {
|
|
151
152
|
setAggregate(data[countPage].aggregate.count);
|
|
152
153
|
}
|
|
@@ -234,7 +235,7 @@ export function PHXTable(_a) {
|
|
|
234
235
|
setIsSortLoading(false);
|
|
235
236
|
}
|
|
236
237
|
}, [dataTable]);
|
|
237
|
-
return (React.createElement(ApolloWrapper, null, isMainLoading ? (React.createElement(PHXSkeleton, { type: typeLoading.type, filterQty: typeLoading === null || typeLoading === void 0 ? void 0 : typeLoading.filterQty })) : (React.createElement(React.Fragment, null,
|
|
238
|
+
return (React.createElement(ApolloWrapper, null, isMainLoading ? (React.createElement(PHXSkeleton, { type: typeLoading.type, filterQty: typeLoading === null || typeLoading === void 0 ? void 0 : typeLoading.filterQty, reportQty: typeLoading === null || typeLoading === void 0 ? void 0 : typeLoading.reportQty })) : (React.createElement(React.Fragment, null,
|
|
238
239
|
React.createElement("div", { className: ' rounded-lg bg-white shadow ring-1 ring-black ring-opacity-5' },
|
|
239
240
|
React.createElement("div", { className: 'flex flex-col' },
|
|
240
241
|
(dataTable.length > 0 ||
|
|
@@ -320,7 +321,7 @@ export function PHXTable(_a) {
|
|
|
320
321
|
} }, thBody.map(function (bodyItem, bodyIndex) { return (React.createElement(RowTable, { key: bodyIndex, bodyIndex: bodyIndex, brSetSelectedPeople: brSetSelectedPeople, editActionLink: editActionLink, itemBody: item, selectedAllPeople: selectedAllPeople, selectedPeople: selectedPeople, thBody: thBody, thBodyComponent: thBodyComponent, thBodyFilter: thBodyFilter })); }))); }))))))) : (React.createElement(EmptySearchResult, null)))) : (dataTable.length === 0 && isSearch) ||
|
|
321
322
|
(dataTable.length === 0 && isSelectSort) ||
|
|
322
323
|
(dataTable.length === 0 && isSort) ? (React.createElement(EmptySearchResult, null)) : (React.createElement(PHXEmptyRecord, null))),
|
|
323
|
-
dataTable.length > 0 && !hidePagination && (React.createElement("div", { className: 'flex items-center justify-end rounded-lg rounded-tl-none rounded-tr-none border-gray-200 border-
|
|
324
|
+
dataTable.length > 0 && !hidePagination && (React.createElement("div", { className: 'flex items-center justify-end rounded-lg rounded-tl-none rounded-tr-none border-gray-200 border-t py-2 pr-2 bg-[#F9FAFB]' },
|
|
324
325
|
React.createElement(Pagination, { currentPage: currentPage, handleChangePage: handleChangePage, totalPages: Math.ceil(count / rowNumber) }))))))));
|
|
325
326
|
}
|
|
326
327
|
var templateObject_1, templateObject_2;
|