phx-react 1.3.1140 → 1.3.1142
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/BannerWithCard/BannerWithCard.js +5 -4
- package/dist/cjs/components/BannerWithCard/BannerWithCard.js.map +1 -1
- package/dist/cjs/components/DatePicker/DatePicker.d.ts +2 -1
- package/dist/cjs/components/DatePicker/DatePicker.js +3 -2
- package/dist/cjs/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/cjs/components/TabDate/PHXTabDate.js +43 -24
- package/dist/cjs/components/TabDate/PHXTabDate.js.map +1 -1
- package/dist/esm/components/BannerWithCard/BannerWithCard.js +5 -4
- package/dist/esm/components/BannerWithCard/BannerWithCard.js.map +1 -1
- package/dist/esm/components/DatePicker/DatePicker.d.ts +2 -1
- package/dist/esm/components/DatePicker/DatePicker.js +3 -2
- package/dist/esm/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/esm/components/TabDate/PHXTabDate.js +43 -24
- package/dist/esm/components/TabDate/PHXTabDate.js.map +1 -1
- package/package.json +1 -1
|
@@ -12,16 +12,17 @@ var PHXBannerWithCard = function (_a) {
|
|
|
12
12
|
var classNameType = (0, types_1.classNames)(type === 'informational' && 'bg-[#EAF4FF] text-[#00527C]', type === 'success' && 'bg-[#CDFEE1] text-[#0C5132]', type === 'warning' && 'bg-[#FFF1E3] text-[#5E4200]', type === 'danger' && 'bg-[#FEE9E8] text-[#8E1F0B]');
|
|
13
13
|
return show ? (react_1["default"].createElement("div", { className: (0, types_1.classNames)('rounded-lg p-2 shadow-[0rem_0.0825rem_0rem_#00000012]', classNameType, className) },
|
|
14
14
|
react_1["default"].createElement("div", { className: (0, types_1.classNames)('flex items-center justify-between text-xs font-semibold leading-5') },
|
|
15
|
-
react_1["default"].createElement("div", { className: 'flex
|
|
16
|
-
!hideIcon && react_1["default"].createElement(
|
|
15
|
+
react_1["default"].createElement("div", { className: 'flex' },
|
|
16
|
+
!hideIcon && (react_1["default"].createElement("div", { className: 'flex-shrink-0' },
|
|
17
|
+
react_1["default"].createElement(Icon_1["default"], { type: type }))),
|
|
17
18
|
title && react_1["default"].createElement("span", null, title),
|
|
18
|
-
!title && description && react_1["default"].createElement("div", { className: 'text-xs font-normal' }, description)),
|
|
19
|
+
!title && description && react_1["default"].createElement("div", { className: 'max-w-full text-xs font-normal' }, description)),
|
|
19
20
|
!hideCloseButton && (react_1["default"].createElement("button", { className: "rounded-md p-1 hover:bg-[#1a1a1a0d] hover:text-gray-600 ".concat(hideCloseButton ? 'invisible' : ''), onClick: onClose, type: 'button' },
|
|
20
21
|
react_1["default"].createElement("span", { className: 'sr-only' }, "Close"),
|
|
21
22
|
react_1["default"].createElement("svg", { className: 'h-4 w-4', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
|
|
22
23
|
react_1["default"].createElement("path", { d: 'M6 18L18 6M6 6l12 12', strokeLinecap: 'round', strokeLinejoin: 'round' }))))),
|
|
23
24
|
react_1["default"].createElement("div", { className: (0, types_1.classNames)('', !hideCloseButton && 'pr-6', !hideIcon && 'pl-[1.65rem]') },
|
|
24
|
-
title && description && react_1["default"].createElement("div", { className: 'pt-1 text-xs font-normal' }, description),
|
|
25
|
+
title && description && react_1["default"].createElement("div", { className: 'max-w-full pt-1 text-xs font-normal' }, description),
|
|
25
26
|
children && react_1["default"].createElement("div", { className: 'pt-3' }, children),
|
|
26
27
|
action || primaryAction || secondaryAction || dangerAction ? (react_1["default"].createElement("div", { className: 'flex gap-x-2 pt-3' },
|
|
27
28
|
action && (react_1["default"].createElement(Button_1.PHXButton, { className: 'font-semibold', onClick: action.onClick, secondary: true, size: 'small' }, action.content)),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerWithCard.js","sourceRoot":"","sources":["../../../../src/components/BannerWithCard/BannerWithCard.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AACZ,wDAAyB;AACzB,oCAAqC;AACrC,kCAAoD;AACpD,wDAAyB;AAkBlB,IAAM,iBAAiB,GAAG,UAAC,EAcZ;QAbpB,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,uBAAuB,EAAvB,eAAe,mBAAG,KAAK,KAAA,EACvB,OAAO,aAAA,EACP,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,YAAsB,EAAtB,IAAI,mBAAG,eAAe,KAAA,EACtB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IAEhB,IAAM,aAAa,GAAG,IAAA,kBAAU,EAC9B,IAAI,KAAK,eAAe,IAAI,6BAA6B,EACzD,IAAI,KAAK,SAAS,IAAI,6BAA6B,EACnD,IAAI,KAAK,SAAS,IAAI,6BAA6B,EACnD,IAAI,KAAK,QAAQ,IAAI,6BAA6B,CACnD,CAAA;IAED,OAAO,IAAI,CAAC,CAAC,CAAC,CACZ,0CAAK,SAAS,EAAE,IAAA,kBAAU,EAAC,uDAAuD,EAAE,aAAa,EAAE,SAAS,CAAC;QAC3G,0CAAK,SAAS,EAAE,IAAA,kBAAU,EAAC,mEAAmE,CAAC;YAC7F,0CAAK,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"BannerWithCard.js","sourceRoot":"","sources":["../../../../src/components/BannerWithCard/BannerWithCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,5 +15,6 @@ export interface DatePickerProps extends CalendarProps {
|
|
|
15
15
|
errorMessageCustom?: string;
|
|
16
16
|
placeholder?: string;
|
|
17
17
|
readOnly?: boolean;
|
|
18
|
+
helpText?: string;
|
|
18
19
|
}
|
|
19
|
-
export declare function PHXDatePicker({ className, defaultValue, disabled, disabledDate, endDisabled, error, errorType, id, label, max, min, onChange, onChangeDate, origin, register, startDisabled, errorMessageCustom, placeholder, readOnly, }: DatePickerProps): React.JSX.Element;
|
|
20
|
+
export declare function PHXDatePicker({ className, defaultValue, disabled, disabledDate, endDisabled, error, errorType, id, label, max, min, onChange, onChangeDate, origin, register, startDisabled, errorMessageCustom, placeholder, readOnly, helpText, }: DatePickerProps): React.JSX.Element;
|
|
@@ -14,7 +14,7 @@ function classNames() {
|
|
|
14
14
|
return classes.filter(Boolean).join(' ');
|
|
15
15
|
}
|
|
16
16
|
function PHXDatePicker(_a) {
|
|
17
|
-
var className = _a.className, defaultValue = _a.defaultValue, disabled = _a.disabled, disabledDate = _a.disabledDate, endDisabled = _a.endDisabled, error = _a.error, errorType = _a.errorType, _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 ? 'bottom-left' : _c, register = _a.register, startDisabled = _a.startDisabled, errorMessageCustom = _a.errorMessageCustom, placeholder = _a.placeholder, _d = _a.readOnly, readOnly = _d === void 0 ? false : _d;
|
|
17
|
+
var className = _a.className, defaultValue = _a.defaultValue, disabled = _a.disabled, disabledDate = _a.disabledDate, endDisabled = _a.endDisabled, error = _a.error, errorType = _a.errorType, _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 ? 'bottom-left' : _c, register = _a.register, startDisabled = _a.startDisabled, errorMessageCustom = _a.errorMessageCustom, placeholder = _a.placeholder, _d = _a.readOnly, readOnly = _d === void 0 ? false : _d, helpText = _a.helpText;
|
|
18
18
|
var message = function (type) {
|
|
19
19
|
var errorMessage = '';
|
|
20
20
|
switch (type) {
|
|
@@ -123,7 +123,7 @@ function PHXDatePicker(_a) {
|
|
|
123
123
|
setIsCalendarVisible(true);
|
|
124
124
|
},
|
|
125
125
|
// onKeyDown={handleEnterInput}
|
|
126
|
-
value: value(), placeholder: placeholder }),
|
|
126
|
+
tabIndex: -1, value: value(), placeholder: placeholder }),
|
|
127
127
|
react_1["default"].createElement("input", tslib_1.__assign({ className: 'rounded-lg focus:ring-transparent', id: "".concat(id, "-after"),
|
|
128
128
|
// readOnly
|
|
129
129
|
style: {
|
|
@@ -133,6 +133,7 @@ function PHXDatePicker(_a) {
|
|
|
133
133
|
top: -0,
|
|
134
134
|
zIndex: -100
|
|
135
135
|
} }, register, { onChange: handleChangeInput, value: value() })),
|
|
136
|
+
helpText ? react_1["default"].createElement("div", { className: 'mt-1 text-xs text-gray-500' }, helpText) : null,
|
|
136
137
|
error && errorType ? react_1["default"].createElement(ErrorMessage_1["default"], { message: message(errorType) }) : null,
|
|
137
138
|
react_1["default"].createElement("div", { className: 'absolute left-3 top-2' },
|
|
138
139
|
react_1["default"].createElement(solid_1.CalendarDaysIcon, { className: 'h-4 w-4 text-gray-500' })),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;AAAA,mDAA4D;AAC5D,qDAA0D;AAE1D,2EAA+D;AAC/D,oFAAqD;
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
exports.__esModule = true;
|
|
3
3
|
var tslib_1 = require("tslib");
|
|
4
4
|
var react_1 = tslib_1.__importStar(require("react"));
|
|
5
|
+
var Button_1 = require("../Button");
|
|
5
6
|
var defaultDaysOfWeek = ['Chủ nhật', 'Thứ 2', 'Thứ 3', 'Thứ 4', 'Thứ 5', 'Thứ 6', 'Thứ 7'];
|
|
6
7
|
var PHXTabDate = function (_a) {
|
|
7
8
|
var _b = _a.daysOfWeek, daysOfWeek = _b === void 0 ? defaultDaysOfWeek : _b, onChangeTime = _a.onChangeTime, timelineProp = _a.timeline, _c = _a.windowSize, windowSize = _c === void 0 ? 8 : _c;
|
|
@@ -23,16 +24,17 @@ var PHXTabDate = function (_a) {
|
|
|
23
24
|
}
|
|
24
25
|
var today = new Date();
|
|
25
26
|
var past = getPreviousDays(today, 30);
|
|
27
|
+
// hôm nay vẫn giữ thứ
|
|
28
|
+
var todayDayOfWeek = today.getDay();
|
|
26
29
|
past.push({
|
|
27
|
-
title:
|
|
30
|
+
title: daysOfWeek[todayDayOfWeek],
|
|
28
31
|
date: "".concat(today.getDate(), "/").concat(today.getMonth() + 1),
|
|
29
32
|
time: today
|
|
30
33
|
});
|
|
31
34
|
return past;
|
|
32
35
|
};
|
|
33
36
|
var timeline = timelineProp || buildDefaultTimeline();
|
|
34
|
-
//
|
|
35
|
-
var todayIndex = timeline.findIndex(function (t) { return t.title === 'Hôm nay'; });
|
|
37
|
+
var todayIndex = timeline.findIndex(function (t) { return t.time.toDateString() === new Date().toDateString(); }); // dùng date thực sự để tìm hôm nay
|
|
36
38
|
var initialStartIndex = Math.max(todayIndex - (windowSize - 1), 0);
|
|
37
39
|
var _d = (0, react_1.useState)(initialStartIndex), startIndex = _d[0], setStartIndex = _d[1];
|
|
38
40
|
var _e = (0, react_1.useState)(todayIndex), activeIndex = _e[0], setActiveIndex = _e[1];
|
|
@@ -53,27 +55,44 @@ var PHXTabDate = function (_a) {
|
|
|
53
55
|
setStartIndex(function (prev) { return prev + 1; });
|
|
54
56
|
}
|
|
55
57
|
};
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
react_1["default"].createElement("
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
58
|
+
var handleClickToday = function () {
|
|
59
|
+
// set lại activeIndex về hôm nay
|
|
60
|
+
setActiveIndex(todayIndex);
|
|
61
|
+
// tính lại startIndex
|
|
62
|
+
var newStartIndex = Math.max(todayIndex - (windowSize - 1), 0);
|
|
63
|
+
setStartIndex(newStartIndex);
|
|
64
|
+
onChangeTime === null || onChangeTime === void 0 ? void 0 : onChangeTime(new Date());
|
|
65
|
+
};
|
|
66
|
+
return (react_1["default"].createElement("div", null,
|
|
67
|
+
react_1["default"].createElement(Button_1.PHXButton, { iconPosition: 'before', onClick: handleClickToday, secondary: true, size: 'extra-micro', typeIcon: 'calendar', className: 'mb-3' }, "H\u00F4m nay"),
|
|
68
|
+
react_1["default"].createElement("div", { className: 'flex w-full overflow-x-auto xl:overflow-x-visible items-center' },
|
|
69
|
+
react_1["default"].createElement("button", { className: '\n mr-1 flex h-[80px] w-[40px] flex-shrink-0 items-center justify-center \n rounded-lg border border-gray-300 bg-white hover:bg-gray-200\n disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-gray-400\n ',
|
|
70
|
+
// chỉ check startIndex === 0 để disable
|
|
71
|
+
disabled: startIndex === 0, onClick: handlePrevClick },
|
|
72
|
+
react_1["default"].createElement("svg", { fill: 'none', height: '24', stroke: 'currentColor', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
|
|
73
|
+
react_1["default"].createElement("path", { d: 'M15 18L9 12L15 6', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '2' }))),
|
|
74
|
+
react_1["default"].createElement("div", { className: 'flex flex-1' }, visibleDays.map(function (item, index) {
|
|
75
|
+
var globalIndex = startIndex + index;
|
|
76
|
+
var isActive = activeIndex === globalIndex;
|
|
77
|
+
// xác định hôm nay
|
|
78
|
+
var isToday = new Date(item.time).toDateString() === new Date().toDateString();
|
|
79
|
+
return (react_1["default"].createElement("div", { key: globalIndex, className: 'min-w-[120px] flex-shrink-0 sm:flex-1 xl:min-w-0' },
|
|
80
|
+
react_1["default"].createElement("button", { className: "".concat(index === 0 && 'rounded-l-lg border-l', " \n ").concat(index === visibleDays.length - 1 && 'rounded-r-lg', " \n ").concat(
|
|
81
|
+
// chỉ áp dụng shadow/bg-gray-100 khi active mà KHÔNG phải hôm nay
|
|
82
|
+
isActive && !isToday
|
|
83
|
+
? 'h-[80px] !border-b-gray-200 !bg-gray-100 !shadow-[inset_0px_2px_1px_0px_rgba(26,26,26,0.2),inset_1px_0px_1px_0px_rgba(26,26,26,0.12)] !ring-0'
|
|
84
|
+
: '', "\n h-[80px] w-full border-b border-r border-t border-gray-300 bg-white px-3 py-2 hover:bg-gray-100"), onClick: function () {
|
|
85
|
+
setActiveIndex(globalIndex);
|
|
86
|
+
onChangeTime === null || onChangeTime === void 0 ? void 0 : onChangeTime(item.time);
|
|
87
|
+
} }, isToday ? (react_1["default"].createElement("div", { className: 'flex h-full w-full flex-col items-center justify-center rounded-lg bg-gray-900 text-white' },
|
|
88
|
+
react_1["default"].createElement("span", { className: 'text-sm' }, item.title),
|
|
89
|
+
react_1["default"].createElement("p", { className: 'text-base font-medium' }, item.date))) : (react_1["default"].createElement("div", { className: 'flex h-full w-full flex-col items-center justify-center' },
|
|
90
|
+
react_1["default"].createElement("span", { className: 'text-sm text-gray-600' }, item.title),
|
|
91
|
+
react_1["default"].createElement("p", { className: 'text-base font-medium text-gray-900' }, item.date))))));
|
|
92
|
+
})),
|
|
93
|
+
startIndex !== initialStartIndex && (react_1["default"].createElement("button", { className: 'ml-1 flex h-[80px] w-[40px] flex-shrink-0 items-center justify-center \n rounded-lg border border-gray-300 bg-white hover:bg-gray-200', onClick: handleNextClick },
|
|
94
|
+
react_1["default"].createElement("svg", { fill: 'none', height: '24', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
|
|
95
|
+
react_1["default"].createElement("path", { d: 'M9 18L15 12L9 6', stroke: '#4A4A4A', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '2' })))))));
|
|
77
96
|
};
|
|
78
97
|
exports["default"] = PHXTabDate;
|
|
79
98
|
//# sourceMappingURL=PHXTabDate.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PHXTabDate.js","sourceRoot":"","sources":["../../../../src/components/TabDate/PHXTabDate.tsx"],"names":[],"mappings":";;;AAAA,qDAAuC;
|
|
1
|
+
{"version":3,"file":"PHXTabDate.js","sourceRoot":"","sources":["../../../../src/components/TabDate/PHXTabDate.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,16 +8,17 @@ export var PHXBannerWithCard = function (_a) {
|
|
|
8
8
|
var classNameType = classNames(type === 'informational' && 'bg-[#EAF4FF] text-[#00527C]', type === 'success' && 'bg-[#CDFEE1] text-[#0C5132]', type === 'warning' && 'bg-[#FFF1E3] text-[#5E4200]', type === 'danger' && 'bg-[#FEE9E8] text-[#8E1F0B]');
|
|
9
9
|
return show ? (React.createElement("div", { className: classNames('rounded-lg p-2 shadow-[0rem_0.0825rem_0rem_#00000012]', classNameType, className) },
|
|
10
10
|
React.createElement("div", { className: classNames('flex items-center justify-between text-xs font-semibold leading-5') },
|
|
11
|
-
React.createElement("div", { className: 'flex
|
|
12
|
-
!hideIcon && React.createElement(
|
|
11
|
+
React.createElement("div", { className: 'flex' },
|
|
12
|
+
!hideIcon && (React.createElement("div", { className: 'flex-shrink-0' },
|
|
13
|
+
React.createElement(Icon, { type: type }))),
|
|
13
14
|
title && React.createElement("span", null, title),
|
|
14
|
-
!title && description && React.createElement("div", { className: 'text-xs font-normal' }, description)),
|
|
15
|
+
!title && description && React.createElement("div", { className: 'max-w-full text-xs font-normal' }, description)),
|
|
15
16
|
!hideCloseButton && (React.createElement("button", { className: "rounded-md p-1 hover:bg-[#1a1a1a0d] hover:text-gray-600 ".concat(hideCloseButton ? 'invisible' : ''), onClick: onClose, type: 'button' },
|
|
16
17
|
React.createElement("span", { className: 'sr-only' }, "Close"),
|
|
17
18
|
React.createElement("svg", { className: 'h-4 w-4', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
|
|
18
19
|
React.createElement("path", { d: 'M6 18L18 6M6 6l12 12', strokeLinecap: 'round', strokeLinejoin: 'round' }))))),
|
|
19
20
|
React.createElement("div", { className: classNames('', !hideCloseButton && 'pr-6', !hideIcon && 'pl-[1.65rem]') },
|
|
20
|
-
title && description && React.createElement("div", { className: 'pt-1 text-xs font-normal' }, description),
|
|
21
|
+
title && description && React.createElement("div", { className: 'max-w-full pt-1 text-xs font-normal' }, description),
|
|
21
22
|
children && React.createElement("div", { className: 'pt-3' }, children),
|
|
22
23
|
action || primaryAction || secondaryAction || dangerAction ? (React.createElement("div", { className: 'flex gap-x-2 pt-3' },
|
|
23
24
|
action && (React.createElement(PHXButton, { className: 'font-semibold', onClick: action.onClick, secondary: true, size: 'small' }, action.content)),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BannerWithCard.js","sourceRoot":"","sources":["../../../../src/components/BannerWithCard/BannerWithCard.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AACZ,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAiB,UAAU,EAAE,MAAM,UAAU,CAAA;AACpD,OAAO,IAAI,MAAM,QAAQ,CAAA;AAkBzB,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,EAcZ;QAbpB,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,uBAAuB,EAAvB,eAAe,mBAAG,KAAK,KAAA,EACvB,OAAO,aAAA,EACP,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,YAAsB,EAAtB,IAAI,mBAAG,eAAe,KAAA,EACtB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA;IAEhB,IAAM,aAAa,GAAG,UAAU,CAC9B,IAAI,KAAK,eAAe,IAAI,6BAA6B,EACzD,IAAI,KAAK,SAAS,IAAI,6BAA6B,EACnD,IAAI,KAAK,SAAS,IAAI,6BAA6B,EACnD,IAAI,KAAK,QAAQ,IAAI,6BAA6B,CACnD,CAAA;IAED,OAAO,IAAI,CAAC,CAAC,CAAC,CACZ,6BAAK,SAAS,EAAE,UAAU,CAAC,uDAAuD,EAAE,aAAa,EAAE,SAAS,CAAC;QAC3G,6BAAK,SAAS,EAAE,UAAU,CAAC,mEAAmE,CAAC;YAC7F,6BAAK,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"BannerWithCard.js","sourceRoot":"","sources":["../../../../src/components/BannerWithCard/BannerWithCard.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,5 +15,6 @@ export interface DatePickerProps extends CalendarProps {
|
|
|
15
15
|
errorMessageCustom?: string;
|
|
16
16
|
placeholder?: string;
|
|
17
17
|
readOnly?: boolean;
|
|
18
|
+
helpText?: string;
|
|
18
19
|
}
|
|
19
|
-
export declare function PHXDatePicker({ className, defaultValue, disabled, disabledDate, endDisabled, error, errorType, id, label, max, min, onChange, onChangeDate, origin, register, startDisabled, errorMessageCustom, placeholder, readOnly, }: DatePickerProps): React.JSX.Element;
|
|
20
|
+
export declare function PHXDatePicker({ className, defaultValue, disabled, disabledDate, endDisabled, error, errorType, id, label, max, min, onChange, onChangeDate, origin, register, startDisabled, errorMessageCustom, placeholder, readOnly, helpText, }: DatePickerProps): React.JSX.Element;
|
|
@@ -11,7 +11,7 @@ function classNames() {
|
|
|
11
11
|
return classes.filter(Boolean).join(' ');
|
|
12
12
|
}
|
|
13
13
|
export function PHXDatePicker(_a) {
|
|
14
|
-
var className = _a.className, defaultValue = _a.defaultValue, disabled = _a.disabled, disabledDate = _a.disabledDate, endDisabled = _a.endDisabled, error = _a.error, errorType = _a.errorType, _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 ? 'bottom-left' : _c, register = _a.register, startDisabled = _a.startDisabled, errorMessageCustom = _a.errorMessageCustom, placeholder = _a.placeholder, _d = _a.readOnly, readOnly = _d === void 0 ? false : _d;
|
|
14
|
+
var className = _a.className, defaultValue = _a.defaultValue, disabled = _a.disabled, disabledDate = _a.disabledDate, endDisabled = _a.endDisabled, error = _a.error, errorType = _a.errorType, _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 ? 'bottom-left' : _c, register = _a.register, startDisabled = _a.startDisabled, errorMessageCustom = _a.errorMessageCustom, placeholder = _a.placeholder, _d = _a.readOnly, readOnly = _d === void 0 ? false : _d, helpText = _a.helpText;
|
|
15
15
|
var message = function (type) {
|
|
16
16
|
var errorMessage = '';
|
|
17
17
|
switch (type) {
|
|
@@ -120,7 +120,7 @@ export function PHXDatePicker(_a) {
|
|
|
120
120
|
setIsCalendarVisible(true);
|
|
121
121
|
},
|
|
122
122
|
// onKeyDown={handleEnterInput}
|
|
123
|
-
value: value(), placeholder: placeholder }),
|
|
123
|
+
tabIndex: -1, value: value(), placeholder: placeholder }),
|
|
124
124
|
React.createElement("input", __assign({ className: 'rounded-lg focus:ring-transparent', id: "".concat(id, "-after"),
|
|
125
125
|
// readOnly
|
|
126
126
|
style: {
|
|
@@ -130,6 +130,7 @@ export function PHXDatePicker(_a) {
|
|
|
130
130
|
top: -0,
|
|
131
131
|
zIndex: -100
|
|
132
132
|
} }, register, { onChange: handleChangeInput, value: value() })),
|
|
133
|
+
helpText ? React.createElement("div", { className: 'mt-1 text-xs text-gray-500' }, helpText) : null,
|
|
133
134
|
error && errorType ? React.createElement(ErrorMessage, { message: message(errorType) }) : null,
|
|
134
135
|
React.createElement("div", { className: 'absolute left-3 top-2' },
|
|
135
136
|
React.createElement(CalendarDaysIcon, { className: 'h-4 w-4 text-gray-500' })),
|
|
@@ -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,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE1D,OAAO,QAA2B,MAAM,uBAAuB,CAAA;AAC/D,OAAO,YAAY,MAAM,4BAA4B,CAAA;
|
|
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,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE1D,OAAO,QAA2B,MAAM,uBAAuB,CAAA;AAC/D,OAAO,YAAY,MAAM,4BAA4B,CAAA;AAmBrD,SAAS,UAAU;IAAC,iBAA+C;SAA/C,UAA+C,EAA/C,qBAA+C,EAA/C,IAA+C;QAA/C,4BAA+C;;IACjE,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1C,CAAC;AACD,MAAM,UAAU,aAAa,CAAC,EAqBZ;QApBhB,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,WAAW,iBAAA,EACX,KAAK,WAAA,EACL,SAAS,eAAA,EACT,UAAkB,EAAlB,EAAE,mBAAG,aAAa,KAAA,EAClB,KAAK,WAAA,EACL,GAAG,SAAA,EACH,GAAG,SAAA,EACH,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,cAAsB,EAAtB,MAAM,mBAAG,aAAa,KAAA,EACtB,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,kBAAkB,wBAAA,EAClB,WAAW,iBAAA,EACX,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,QAAQ,cAAA;IAER,IAAM,OAAO,GAAG,UAAC,IAAS;QACxB,IAAI,YAAY,GAAQ,EAAE,CAAA;QAC1B,QAAQ,IAAI,EAAE;YACZ,KAAK,gBAAgB;gBACnB,YAAY,GAAG,yBAAyB,CAAA;gBACxC,MAAK;YACP,KAAK,iBAAiB;gBACpB,YAAY,GAAG,sBAAsB,CAAA;gBACrC,MAAK;YACP,KAAK,gBAAgB;gBACnB,YAAY,GAAG,kBAAkB,CAAA;gBACjC,MAAK;YACP;gBACE,MAAK;SACR;QACD,OAAO,YAAY,CAAA;IACrB,CAAC,CAAA;IAED,IAAM,QAAQ,GAAG,MAAM,CAAM,IAAI,CAAC,CAAA;IAClC,IAAM,WAAW,GAAG,MAAM,CAAM,IAAI,CAAC,CAAA;IAC/B,IAAA,KAA4C,QAAQ,CAAC,KAAK,CAAC,EAA1D,iBAAiB,QAAA,EAAE,oBAAoB,QAAmB,CAAA;IAC3D,IAAA,KAA8B,QAAQ,CAAC,EAAE,CAAC,EAAzC,UAAU,QAAA,EAAE,aAAa,QAAgB,CAAA;IAC1C,IAAA,KAAgC,QAAQ,CAAC,EAAE,CAAC,EAA3C,WAAW,QAAA,EAAE,cAAc,QAAgB,CAAA;IAE5C,IAAA,KAAwB,QAAQ,CAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAA;IACvC,IAAA,KAA8B,QAAQ,CAAC,KAAK,CAAC,EAA5C,UAAU,QAAA,EAAE,aAAa,QAAmB,CAAA;IAEnD,IAAM,oBAAoB,GAAG;QAC3B,oBAAoB,CAAC,IAAI,CAAC,CAAA;IAC5B,CAAC,CAAA;IAED,IAAM,gBAAgB,GAAG,UAAC,YAAiB;QACzC,IAAM,YAAY,GAAG,QAAQ,CAAC,cAAc,CAAC,UAAG,EAAE,WAAQ,CAAC,CAAA;QAC3D,IAAI,YAAY;YAAE,YAAY,CAAC,KAAK,EAAE,CAAA;QACtC,IAAI,YAAY,EAAE;YAChB,YAAY,CAAC,YAAY,CAAC,CAAA;SAC3B;QACD,aAAa,CAAC,YAAY,CAAC,MAAM,CAAC,CAAA;IACpC,CAAC,CAAA;IAED,6CAA6C;IAC7C,oCAAoC;IACpC,gEAAgE;IAChE,2CAA2C;IAC3C,uCAAuC;IACvC,SAAS;IACT,IAAI;IAEJ,IAAM,iBAAiB,GAAG,UAAC,KAAU;QACnC,aAAa,CAAC,IAAI,CAAC,CAAA;QACnB,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QACjC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QAClC,IAAI,QAAQ,EAAE;YACZ,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;YAC7C,IAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,CAAA;YACvB,IAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,CAAA;YACxB,IAAM,GAAG,GAAG,OAAO,CAAC,CAAC,CAAC,CAAA;YACtB,QAAQ,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,EAAE,CAAC,CAAA;SAC3E;IACH,CAAC,CAAA;IAED,SAAS,CAAC;QACR,IAAI,YAAY,EAAE;YAChB,aAAa;YACb,aAAa,CAAC,YAAY,CAAC,CAAA;SAC5B;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAA;IAElB,SAAS,CAAC;QACR,IAAM,YAAY,GAAQ,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAA;QAE1D,IAAM,kBAAkB,GAAG,UAAC,KAAU;YACpC,IAAI,OAAO,IAAI,YAAY,EAAE;gBAC3B,oBAAoB,CAAC,IAAI,CAAC,CAAA;aAC3B;YAED,IACE,WAAW,CAAC,OAAO;gBACnB,CAAC,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC;gBAC3C,QAAQ,CAAC,OAAO,KAAK,KAAK,CAAC,MAAM;gBACjC,CAAC,OAAO,EACR;gBACA,oBAAoB,CAAC,KAAK,CAAC,CAAA;gBAC3B,IAAM,YAAY,GAAG,QAAQ,CAAC,cAAc,CAAC,UAAG,EAAE,WAAQ,CAAC,CAAA;gBAC3D,IAAI,YAAY,IAAI,UAAU,EAAE;oBAC9B,YAAY,CAAC,KAAK,EAAE,CAAA;oBACpB,aAAa,CAAC,KAAK,CAAC,CAAA;oBACpB,YAAY,CAAC,IAAI,EAAE,CAAA;iBACpB;aACF;QACH,CAAC,CAAA;QAED,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAA;QAEtD,IAAI,YAAY,EAAE;YAChB,YAAY,CAAC,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAA;SAC3D;QAED,OAAO;YACL,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,kBAAkB,CAAC,CAAA;QAC3D,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAA;IAEzB,IAAM,KAAK,GAAG;QACZ,QAAQ,IAAI,EAAE;YACZ,KAAK,CAAC,CAAC,YAAY,IAAI,CAAC,CAAC,UAAU;gBACjC,OAAO,UAAU,CAAA;YACnB,KAAK,CAAC,CAAC,YAAY,IAAI,CAAC,UAAU;gBAChC,OAAO,YAAY,CAAA;YACrB;gBACE,OAAO,UAAU,CAAA;SACpB;IACH,CAAC,CAAA;IAED,OAAO,CACL;QACE,6BAAK,SAAS,EAAE,SAAS;YACtB,KAAK,IAAI,+BAAO,SAAS,EAAC,8CAA8C,IAAE,KAAK,CAAS;YACzF,6BAAK,SAAS,EAAC,UAAU;gBACvB,+BACE,GAAG,EAAE,QAAQ,EACb,SAAS,EAAC,mEAAmE,EAC7E,OAAO,EAAE,EAAE,EACX,OAAO,EAAE,oBAAoB,GAC7B;gBACF,+BACE,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,UAAU,CACnB,yPAAyP,EACzP,KAAK,CAAC,CAAC,CAAC,+EAA+E,CAAC,CAAC,CAAC,EAAE,EAC5F,QAAQ,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAC7B,EACD,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,EACN,MAAM,EAAE,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB,EAC/B,QAAQ,EAAE,iBAAiB,EAC3B,OAAO,EAAE;wBACP,UAAU,CAAC,IAAI,CAAC,CAAA;wBAChB,oBAAoB,CAAC,IAAI,CAAC,CAAA;oBAC5B,CAAC;oBACD,+BAA+B;oBAC/B,QAAQ,EAAE,CAAC,CAAC,EACZ,KAAK,EAAE,KAAK,EAAE,EACd,WAAW,EAAE,WAAW,GACxB;gBACF,wCACE,SAAS,EAAC,mCAAmC,EAC7C,EAAE,EAAE,UAAG,EAAE,WAAQ;oBACjB,WAAW;oBACX,KAAK,EAAE;wBACL,OAAO,EAAE,EAAE;wBACX,QAAQ,EAAE,UAAU;wBACpB,MAAM,EAAE,CAAC;wBACT,GAAG,EAAE,CAAC,CAAC;wBACP,MAAM,EAAE,CAAC,GAAG;qBACb,IACG,QAAQ,IACZ,QAAQ,EAAE,iBAAiB,EAC3B,KAAK,EAAE,KAAK,EAAE,IACd;gBACD,QAAQ,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAC,4BAA4B,IAAE,QAAQ,CAAO,CAAC,CAAC,CAAC,IAAI;gBAC9E,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,oBAAC,YAAY,IAAC,OAAO,EAAE,OAAO,CAAC,SAAS,CAAC,GAAI,CAAC,CAAC,CAAC,IAAI;gBAC1E,6BAAK,SAAS,EAAC,uBAAuB;oBACpC,oBAAC,gBAAgB,IAAC,SAAS,EAAC,uBAAuB,GAAG,CAClD;gBACN,6BACE,GAAG,EAAE,WAAW,EAChB,SAAS,EAAE,UAAU,CACnB,eAAe,EACf,MAAM,KAAK,UAAU,IAAI,gBAAgB,EACzC,MAAM,KAAK,WAAW,IAAI,iBAAiB,EAC3C,MAAM,KAAK,aAAa,IAAI,eAAe,EAC3C,MAAM,KAAK,cAAc,IAAI,gBAAgB,EAC7C,iBAAiB,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ,CAC/C;oBAED,oBAAC,QAAQ,IACP,WAAW,EAAE,YAAY,EACzB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,WAAW,EACvB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,YAAY,EAAE,UAAC,GAAQ,IAAK,OAAA,gBAAgB,CAAC,GAAG,CAAC,EAArB,CAAqB,EACjD,aAAa,EAAE,aAAa,EAC5B,oBAAoB,EAAE,oBAAoB,GAC1C,CACE,CACF,CACF,CACL,CACJ,CAAA;AACH,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { useState } from 'react';
|
|
2
|
+
import { PHXButton } from '../Button';
|
|
2
3
|
var defaultDaysOfWeek = ['Chủ nhật', 'Thứ 2', 'Thứ 3', 'Thứ 4', 'Thứ 5', 'Thứ 6', 'Thứ 7'];
|
|
3
4
|
var PHXTabDate = function (_a) {
|
|
4
5
|
var _b = _a.daysOfWeek, daysOfWeek = _b === void 0 ? defaultDaysOfWeek : _b, onChangeTime = _a.onChangeTime, timelineProp = _a.timeline, _c = _a.windowSize, windowSize = _c === void 0 ? 8 : _c;
|
|
@@ -20,16 +21,17 @@ var PHXTabDate = function (_a) {
|
|
|
20
21
|
}
|
|
21
22
|
var today = new Date();
|
|
22
23
|
var past = getPreviousDays(today, 30);
|
|
24
|
+
// hôm nay vẫn giữ thứ
|
|
25
|
+
var todayDayOfWeek = today.getDay();
|
|
23
26
|
past.push({
|
|
24
|
-
title:
|
|
27
|
+
title: daysOfWeek[todayDayOfWeek],
|
|
25
28
|
date: "".concat(today.getDate(), "/").concat(today.getMonth() + 1),
|
|
26
29
|
time: today
|
|
27
30
|
});
|
|
28
31
|
return past;
|
|
29
32
|
};
|
|
30
33
|
var timeline = timelineProp || buildDefaultTimeline();
|
|
31
|
-
//
|
|
32
|
-
var todayIndex = timeline.findIndex(function (t) { return t.title === 'Hôm nay'; });
|
|
34
|
+
var todayIndex = timeline.findIndex(function (t) { return t.time.toDateString() === new Date().toDateString(); }); // dùng date thực sự để tìm hôm nay
|
|
33
35
|
var initialStartIndex = Math.max(todayIndex - (windowSize - 1), 0);
|
|
34
36
|
var _d = useState(initialStartIndex), startIndex = _d[0], setStartIndex = _d[1];
|
|
35
37
|
var _e = useState(todayIndex), activeIndex = _e[0], setActiveIndex = _e[1];
|
|
@@ -50,27 +52,44 @@ var PHXTabDate = function (_a) {
|
|
|
50
52
|
setStartIndex(function (prev) { return prev + 1; });
|
|
51
53
|
}
|
|
52
54
|
};
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
React.createElement("
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
55
|
+
var handleClickToday = function () {
|
|
56
|
+
// set lại activeIndex về hôm nay
|
|
57
|
+
setActiveIndex(todayIndex);
|
|
58
|
+
// tính lại startIndex
|
|
59
|
+
var newStartIndex = Math.max(todayIndex - (windowSize - 1), 0);
|
|
60
|
+
setStartIndex(newStartIndex);
|
|
61
|
+
onChangeTime === null || onChangeTime === void 0 ? void 0 : onChangeTime(new Date());
|
|
62
|
+
};
|
|
63
|
+
return (React.createElement("div", null,
|
|
64
|
+
React.createElement(PHXButton, { iconPosition: 'before', onClick: handleClickToday, secondary: true, size: 'extra-micro', typeIcon: 'calendar', className: 'mb-3' }, "H\u00F4m nay"),
|
|
65
|
+
React.createElement("div", { className: 'flex w-full overflow-x-auto xl:overflow-x-visible items-center' },
|
|
66
|
+
React.createElement("button", { className: '\n mr-1 flex h-[80px] w-[40px] flex-shrink-0 items-center justify-center \n rounded-lg border border-gray-300 bg-white hover:bg-gray-200\n disabled:cursor-not-allowed disabled:bg-gray-100 disabled:text-gray-400\n ',
|
|
67
|
+
// chỉ check startIndex === 0 để disable
|
|
68
|
+
disabled: startIndex === 0, onClick: handlePrevClick },
|
|
69
|
+
React.createElement("svg", { fill: 'none', height: '24', stroke: 'currentColor', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
|
|
70
|
+
React.createElement("path", { d: 'M15 18L9 12L15 6', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '2' }))),
|
|
71
|
+
React.createElement("div", { className: 'flex flex-1' }, visibleDays.map(function (item, index) {
|
|
72
|
+
var globalIndex = startIndex + index;
|
|
73
|
+
var isActive = activeIndex === globalIndex;
|
|
74
|
+
// xác định hôm nay
|
|
75
|
+
var isToday = new Date(item.time).toDateString() === new Date().toDateString();
|
|
76
|
+
return (React.createElement("div", { key: globalIndex, className: 'min-w-[120px] flex-shrink-0 sm:flex-1 xl:min-w-0' },
|
|
77
|
+
React.createElement("button", { className: "".concat(index === 0 && 'rounded-l-lg border-l', " \n ").concat(index === visibleDays.length - 1 && 'rounded-r-lg', " \n ").concat(
|
|
78
|
+
// chỉ áp dụng shadow/bg-gray-100 khi active mà KHÔNG phải hôm nay
|
|
79
|
+
isActive && !isToday
|
|
80
|
+
? 'h-[80px] !border-b-gray-200 !bg-gray-100 !shadow-[inset_0px_2px_1px_0px_rgba(26,26,26,0.2),inset_1px_0px_1px_0px_rgba(26,26,26,0.12)] !ring-0'
|
|
81
|
+
: '', "\n h-[80px] w-full border-b border-r border-t border-gray-300 bg-white px-3 py-2 hover:bg-gray-100"), onClick: function () {
|
|
82
|
+
setActiveIndex(globalIndex);
|
|
83
|
+
onChangeTime === null || onChangeTime === void 0 ? void 0 : onChangeTime(item.time);
|
|
84
|
+
} }, isToday ? (React.createElement("div", { className: 'flex h-full w-full flex-col items-center justify-center rounded-lg bg-gray-900 text-white' },
|
|
85
|
+
React.createElement("span", { className: 'text-sm' }, item.title),
|
|
86
|
+
React.createElement("p", { className: 'text-base font-medium' }, item.date))) : (React.createElement("div", { className: 'flex h-full w-full flex-col items-center justify-center' },
|
|
87
|
+
React.createElement("span", { className: 'text-sm text-gray-600' }, item.title),
|
|
88
|
+
React.createElement("p", { className: 'text-base font-medium text-gray-900' }, item.date))))));
|
|
89
|
+
})),
|
|
90
|
+
startIndex !== initialStartIndex && (React.createElement("button", { className: 'ml-1 flex h-[80px] w-[40px] flex-shrink-0 items-center justify-center \n rounded-lg border border-gray-300 bg-white hover:bg-gray-200', onClick: handleNextClick },
|
|
91
|
+
React.createElement("svg", { fill: 'none', height: '24', viewBox: '0 0 24 24', width: '24', xmlns: 'http://www.w3.org/2000/svg' },
|
|
92
|
+
React.createElement("path", { d: 'M9 18L15 12L9 6', stroke: '#4A4A4A', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '2' })))))));
|
|
74
93
|
};
|
|
75
94
|
export default PHXTabDate;
|
|
76
95
|
//# sourceMappingURL=PHXTabDate.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PHXTabDate.js","sourceRoot":"","sources":["../../../../src/components/TabDate/PHXTabDate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"PHXTabDate.js","sourceRoot":"","sources":["../../../../src/components/TabDate/PHXTabDate.tsx"],"names":[],"mappings":"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"}
|