phx-react 1.3.282 → 1.3.284
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/DatePicker/DatePicker.d.ts +1 -1
- package/dist/cjs/components/DatePicker/DatePicker.js +2 -2
- package/dist/cjs/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/cjs/components/DatePicker/components/Calendar.d.ts +1 -2
- package/dist/cjs/components/DatePicker/components/Calendar.js +21 -59
- package/dist/cjs/components/DatePicker/components/Calendar.js.map +1 -1
- package/dist/cjs/components/MainWrap/MainWrap.js +0 -1
- package/dist/cjs/components/MainWrap/MainWrap.js.map +1 -1
- package/dist/cjs/components/TimePicker/TimePicker.d.ts +9 -0
- package/dist/cjs/components/TimePicker/TimePicker.js +70 -0
- package/dist/cjs/components/TimePicker/TimePicker.js.map +1 -0
- package/dist/cjs/components/TimePicker/component/Time.d.ts +7 -0
- package/dist/cjs/components/TimePicker/component/Time.js +18 -0
- package/dist/cjs/components/TimePicker/component/Time.js.map +1 -0
- package/dist/cjs/components/TimePicker/index.d.ts +1 -0
- package/dist/cjs/components/TimePicker/index.js +5 -0
- package/dist/cjs/components/TimePicker/index.js.map +1 -0
- package/dist/cjs/components/TimePicker/utils.d.ts +1 -0
- package/dist/cjs/components/TimePicker/utils.js +16 -0
- package/dist/cjs/components/TimePicker/utils.js.map +1 -0
- package/dist/cjs/index.d.ts +2 -1
- package/dist/cjs/index.js +3 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/DatePicker/DatePicker.d.ts +1 -1
- package/dist/esm/components/DatePicker/DatePicker.js +2 -2
- package/dist/esm/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/esm/components/DatePicker/components/Calendar.d.ts +1 -2
- package/dist/esm/components/DatePicker/components/Calendar.js +21 -59
- package/dist/esm/components/DatePicker/components/Calendar.js.map +1 -1
- package/dist/esm/components/MainWrap/MainWrap.js +0 -1
- package/dist/esm/components/MainWrap/MainWrap.js.map +1 -1
- package/dist/esm/components/TimePicker/TimePicker.d.ts +9 -0
- package/dist/esm/components/TimePicker/TimePicker.js +65 -0
- package/dist/esm/components/TimePicker/TimePicker.js.map +1 -0
- package/dist/esm/components/TimePicker/component/Time.d.ts +7 -0
- package/dist/esm/components/TimePicker/component/Time.js +15 -0
- package/dist/esm/components/TimePicker/component/Time.js.map +1 -0
- package/dist/esm/components/TimePicker/index.d.ts +1 -0
- package/dist/esm/components/TimePicker/index.js +2 -0
- package/dist/esm/components/TimePicker/index.js.map +1 -0
- package/dist/esm/components/TimePicker/utils.d.ts +1 -0
- package/dist/esm/components/TimePicker/utils.js +12 -0
- package/dist/esm/components/TimePicker/utils.js.map +1 -0
- package/dist/esm/index.d.ts +2 -1
- package/dist/esm/index.js +2 -1
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/cjs/components/DatePicker/components/Time.d.ts +0 -6
- package/dist/cjs/components/DatePicker/components/Time.js +0 -52
- package/dist/cjs/components/DatePicker/components/Time.js.map +0 -1
- package/dist/esm/components/DatePicker/components/Time.d.ts +0 -6
- package/dist/esm/components/DatePicker/components/Time.js +0 -50
- package/dist/esm/components/DatePicker/components/Time.js.map +0 -1
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
|
-
import React, { useEffect, useState } from 'react';
|
|
3
|
-
import { classNames } from '../../types';
|
|
4
|
-
import { getHour, getMinutes } from '../utils';
|
|
5
|
-
function Time(_a) {
|
|
6
|
-
var onChangeTime = _a.onChangeTime;
|
|
7
|
-
var _b = useState([]), allHour = _b[0], setAllHour = _b[1];
|
|
8
|
-
var _c = useState([]), allMinutes = _c[0], setAllMinutes = _c[1];
|
|
9
|
-
var _d = useState(''), hourSelected = _d[0], setHourSelected = _d[1];
|
|
10
|
-
var _e = useState(''), minuteSelected = _e[0], setMinuteSelected = _e[1];
|
|
11
|
-
useEffect(function () {
|
|
12
|
-
var hourInDay = getHour().map(function (item) {
|
|
13
|
-
return __assign(__assign({}, item), { isSelected: item.name === hourSelected });
|
|
14
|
-
});
|
|
15
|
-
var minuteInHour = getMinutes().map(function (item) {
|
|
16
|
-
return __assign(__assign({}, item), { isSelected: item.name === minuteSelected });
|
|
17
|
-
});
|
|
18
|
-
setAllHour(hourInDay);
|
|
19
|
-
setAllMinutes(minuteInHour);
|
|
20
|
-
}, [hourSelected, minuteSelected]);
|
|
21
|
-
var handleChange = function (type, item) {
|
|
22
|
-
var hour = '00';
|
|
23
|
-
var minute = '00';
|
|
24
|
-
if (type === 'hour') {
|
|
25
|
-
setHourSelected(item.name);
|
|
26
|
-
hour = item.name;
|
|
27
|
-
minute = minuteSelected !== '' ? minuteSelected : '00';
|
|
28
|
-
}
|
|
29
|
-
else {
|
|
30
|
-
setMinuteSelected(item.name);
|
|
31
|
-
minute = item.name;
|
|
32
|
-
hour = hourSelected !== '' ? hourSelected : '00';
|
|
33
|
-
}
|
|
34
|
-
if (onChangeTime) {
|
|
35
|
-
onChangeTime("".concat(hour, ":").concat(minute));
|
|
36
|
-
}
|
|
37
|
-
};
|
|
38
|
-
return (React.createElement(React.Fragment, null,
|
|
39
|
-
React.createElement("style", null, "\n .no-scrollbar::-webkit-scrollbar {\n display: none;\n }\n \n .no-scrollbar {\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n }\n "),
|
|
40
|
-
React.createElement("div", null,
|
|
41
|
-
React.createElement("div", { className: 'flex gap-x-2 justify-center bg-white py-2 px-3 text-xs rounded-lg shadow-lg w-full max-h-[18.125rem] border border-gray-300 border-b-gray-400' },
|
|
42
|
-
React.createElement("div", { className: 'overflow-y-scroll h-full overflow-x-hidden no-scrollbar max-h-[17.15rem]' }, allHour.map(function (item, index) { return (React.createElement("div", { key: index, className: 'flex flex-col' },
|
|
43
|
-
React.createElement("button", { className: classNames('px-2 py-1 cursor-pointer focus:z-10 rounded-lg hover:bg-indigo-900 hover:text-white', item.current && 'font-semibold', item.isSelected && 'bg-indigo-900 text-white'), onClick: function () { return handleChange('hour', item); } },
|
|
44
|
-
React.createElement("span", { className: 'mx-auto flex h-7 w-7 items-center justify-center' }, item.name)))); })),
|
|
45
|
-
React.createElement("div", { className: 'overflow-y-auto h-full overflow-x-hidden no-scrollbar max-h-[17.15rem]' }, allMinutes.map(function (item, index) { return (React.createElement("div", { key: index, className: 'flex flex-col' },
|
|
46
|
-
React.createElement("button", { className: classNames('px-2 py-1 cursor-pointer focus:z-10 rounded-lg hover:bg-indigo-900 hover:text-white', item.current && 'font-semibold', item.isSelected && 'bg-indigo-900 text-white'), onClick: function () { return handleChange('minute', item); } },
|
|
47
|
-
React.createElement("span", { className: 'mx-auto flex h-7 w-7 items-center justify-center' }, item.name)))); }))))));
|
|
48
|
-
}
|
|
49
|
-
export default Time;
|
|
50
|
-
//# sourceMappingURL=Time.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Time.js","sourceRoot":"","sources":["../../../../../src/components/DatePicker/components/Time.tsx"],"names":[],"mappings":"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"}
|