@mvf/external-components 3.8.1-dev.3 → 3.8.1-dev.5

Sign up to get free protection for your applications and to get access to all the features.
@@ -35,7 +35,7 @@ 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, inputRef = _a.inputRef, 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", "inputRef", "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
41
  var styles = (0, makeDatePickerStyling_1.default)({
@@ -49,13 +49,11 @@ var DatePicker = function (_a) {
49
49
  onOpen();
50
50
  setTimeout(function () {
51
51
  setIsPickerOpen(true);
52
- }, 0);
52
+ }, 300);
53
53
  };
54
54
  var handleClose = function () {
55
55
  onClose();
56
- setTimeout(function () {
57
- setIsPickerOpen(false);
58
- }, 0);
56
+ setIsPickerOpen(false);
59
57
  };
60
58
  var endAdornment;
61
59
  if (isValid || errorMessage) {
@@ -63,7 +61,7 @@ var DatePicker = function (_a) {
63
61
  var ValidationIconComponent = icons_1.default[validationIconType];
64
62
  endAdornment = ((0, jsx_runtime_1.jsx)(InputAdornment_1.default, __assign({ position: "end", "data-testid": "endAdornment-".concat(validationIconType), css: styles.inputAdornmentEnd }, { children: (0, jsx_runtime_1.jsx)(ValidationIconComponent, { fill: "red", viewBox: "2 2 20 20" }) })));
65
63
  }
66
- return ((0, jsx_runtime_1.jsxs)("div", __assign({ css: styles.datePickerContainer }, { children: [(0, jsx_runtime_1.jsx)(react_2.Global, { styles: styles.globalStyles }), (0, jsx_runtime_1.jsx)(DesktopDatePicker_1.DesktopDatePicker, __assign({ closeOnSelect: true, open: isPickerOpen, onOpen: handleOpen, onClose: handleClose, format: format, slotProps: {
64
+ return ((0, jsx_runtime_1.jsxs)("div", __assign({ css: styles.datePickerContainer }, { children: [(0, jsx_runtime_1.jsx)(react_2.Global, { styles: styles.globalStyles }), (0, jsx_runtime_1.jsx)(DesktopDatePicker_1.DesktopDatePicker, __assign({ closeOnSelect: true, open: isPickerOpen, onOpen: handleOpen, onClose: handleClose, format: format, inputRef: inputRef, slotProps: {
67
65
  inputAdornment: {
68
66
  position: 'start',
69
67
  },
@@ -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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"}
@@ -1,5 +1,7 @@
1
+ /// <reference types="react" />
1
2
  interface IDatePickerProps {
2
3
  id: string;
4
+ inputRef?: React.RefObject<HTMLInputElement>;
3
5
  onChange: (date: Date | undefined) => void;
4
6
  onOpen: () => void;
5
7
  onClose: () => void;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mvf/external-components",
3
- "version": "3.8.1-dev.3",
3
+ "version": "3.8.1-dev.5",
4
4
  "license": "UNLICENSED",
5
5
  "scripts": {
6
6
  "dev": "scripts/up.sh",