@mvf/external-components 3.8.1-dev.1 → 3.8.1-dev.11

Sign up to get free protection for your applications and to get access to all the features.
@@ -35,9 +35,10 @@ var makeDatePickerStyling_1 = __importDefault(require("./makeDatePickerStyling")
35
35
  var react_2 = require("@emotion/react");
36
36
  var DesktopDatePicker_1 = require("@mui/x-date-pickers/DesktopDatePicker");
37
37
  var DatePicker = function (_a) {
38
- var id = _a.id, onChange = _a.onChange, onOpen = _a.onOpen, onClose = _a.onClose, format = _a.format, value = _a.value, errorMessage = _a.errorMessage, placeholder = _a.placeholder, props = __rest(_a, ["id", "onChange", "onOpen", "onClose", "format", "value", "errorMessage", "placeholder"]);
38
+ var id = _a.id, openDelay = _a.openDelay, onChange = _a.onChange, onOpen = _a.onOpen, onClose = _a.onClose, format = _a.format, value = _a.value, errorMessage = _a.errorMessage, placeholder = _a.placeholder, props = __rest(_a, ["id", "openDelay", "onChange", "onOpen", "onClose", "format", "value", "errorMessage", "placeholder"]);
39
39
  var isValid = !errorMessage && !!value;
40
40
  var _b = react_1.default.useState(false), isPickerOpen = _b[0], setIsPickerOpen = _b[1];
41
+ var _c = react_1.default.useState(), openPickerTimeoutId = _c[0], setOpenPickerTimeoutId = _c[1];
41
42
  var styles = (0, makeDatePickerStyling_1.default)({
42
43
  isError: !!errorMessage,
43
44
  isValid: isValid,
@@ -46,12 +47,25 @@ var DatePicker = function (_a) {
46
47
  onChange(d ? d : undefined);
47
48
  };
48
49
  var handleOpen = function () {
49
- setIsPickerOpen(true);
50
+ var timeoutId;
50
51
  onOpen();
52
+ if (openDelay) {
53
+ timeoutId = setTimeout(function () {
54
+ setIsPickerOpen(true);
55
+ }, openDelay);
56
+ }
57
+ else {
58
+ setIsPickerOpen(true);
59
+ }
60
+ setOpenPickerTimeoutId(timeoutId);
51
61
  };
52
62
  var handleClose = function () {
53
- setIsPickerOpen(false);
54
63
  onClose();
64
+ if (openPickerTimeoutId) {
65
+ clearTimeout(openPickerTimeoutId);
66
+ setOpenPickerTimeoutId(undefined);
67
+ }
68
+ setIsPickerOpen(false);
55
69
  };
56
70
  var endAdornment;
57
71
  if (isValid || errorMessage) {
@@ -65,7 +79,7 @@ var DatePicker = function (_a) {
65
79
  },
66
80
  textField: {
67
81
  readOnly: true,
68
- onClick: function () { return setIsPickerOpen(true); },
82
+ onClick: handleOpen,
69
83
  placeholder: placeholder,
70
84
  InputProps: {
71
85
  endAdornment: endAdornment,
@@ -1 +1 @@
1
- {"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
@@ -3,6 +3,7 @@ interface IDatePickerProps {
3
3
  onChange: (date: Date | undefined) => void;
4
4
  onOpen: () => void;
5
5
  onClose: () => void;
6
+ openDelay?: number;
6
7
  disableFuture?: boolean;
7
8
  disablePast?: boolean;
8
9
  errorMessage?: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mvf/external-components",
3
- "version": "3.8.1-dev.1",
3
+ "version": "3.8.1-dev.11",
4
4
  "license": "UNLICENSED",
5
5
  "scripts": {
6
6
  "dev": "scripts/up.sh",