@pedidopago/ui 1.3.6 → 1.3.9

package/dist/components/DateInput/dateInput.test.js

@@ -38,4 +38,15 @@ describe('DateInput', function () {
 
     expect(container).toBeInTheDocument();
   });
+  it('should render the datepicker with minimum and maximum dates', function () {
+    var _setup3 = setup({
+      value: new Date(),
+      onChange: jest.fn(),
+      minDate: new Date(),
+      maxDate: new Date()
+    }),
+        container = _setup3.container;
+
+    expect(container).toBeInTheDocument();
+  });
 });

package/dist/components/DateInput/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import { DateInputProps } from './types';
-export declare function DateInput({ label, placeholder, alert, helperText, value, locales, localeOptions, onChange, disabled, ...rest }: DateInputProps): JSX.Element;
+/// <reference types="react" />
+import { DateInputProps } from './types';
+export declare function DateInput({ label, placeholder, alert, helperText, value, locales, localeOptions, minDate, maxDate, onChange, disabled, ...rest }: DateInputProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/DateInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateInput/index.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAGzC,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,WAAW,EACX,KAAK,EACL,UAAU,EACV,KAAK,EACL,OAAO,EACP,aAAa,EACb,QAAQ,EACR,QAAgB,EAChB,GAAG,IAAI,EACR,EAAE,cAAc,eAyFhB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DateInput/index.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,WAAW,EACX,KAAK,EACL,UAAU,EACV,KAAK,EACL,OAAO,EACP,aAAa,EACb,OAAO,EACP,OAAO,EACP,QAAQ,EACR,QAAgB,EAChB,GAAG,IAAI,EACR,EAAE,cAAc,eA2FhB"}

package/dist/components/DateInput/index.js

@@ -19,9 +19,11 @@ var _DatePicker = _interopRequireDefault(require("../DatePicker"));
 
 var _ModalWrapper = require("./components/ModalWrapper");
 
+var _useDisableBodyScroll = require("../../shared/hooks/useDisableBodyScroll");
+
 var _jsxRuntime = require("react/jsx-runtime");
 
-var _excluded = ["label", "placeholder", "alert", "helperText", "value", "locales", "localeOptions", "onChange", "disabled"];
+var _excluded = ["label", "placeholder", "alert", "helperText", "value", "locales", "localeOptions", "minDate", "maxDate", "onChange", "disabled"];
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -47,9 +49,8 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
-// TODO: Mudar a posição do datepicker dependendo da posição dele aberto.
 function DateInput(_ref) {
-  var _containerRef$current, _optionsModalRef$curr, _containerRef$current3, _containerRef$current4, _containerRef$current5;
+  var _containerRef$current, _containerRef$current3, _containerRef$current4, _containerRef$current5;
 
   var label = _ref.label,
       placeholder = _ref.placeholder,
@@ -58,6 +59,8 @@ function DateInput(_ref) {
       value = _ref.value,
       locales = _ref.locales,
       localeOptions = _ref.localeOptions,
+      minDate = _ref.minDate,
+      maxDate = _ref.maxDate,
       onChange = _ref.onChange,
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
@@ -81,11 +84,6 @@ function DateInput(_ref) {
       datePickerOpen = _useState6[0],
       setDatePickerOpen = _useState6[1];
 
-  var _useState7 = (0, _react.useState)((_optionsModalRef$curr = optionsModalRef.current) === null || _optionsModalRef$curr === void 0 ? void 0 : _optionsModalRef$curr.getBoundingClientRect().height),
-      _useState8 = _slicedToArray(_useState7, 2),
-      heightModal = _useState8[0],
-      setHeightModal = _useState8[1];
-
   function selectDate(value) {
     setCurrentValue(value);
     setDatePickerOpen(false);
@@ -93,14 +91,14 @@ function DateInput(_ref) {
   }
 
   (0, _react.useEffect)(function () {
-    setCurrentValue(value);
+    setCurrentValue(value === undefined ? new Date() : value);
   }, [value]);
+  (0, _useDisableBodyScroll.useDisableBodyScroll)(datePickerOpen);
 
   function handleRepositionModal() {
-    var _containerRef$current2, _optionsModalRef$curr2;
+    var _containerRef$current2;
 
-    setPositionContainer((_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 ? void 0 : _containerRef$current2.getBoundingClientRect().top);
-    setHeightModal((_optionsModalRef$curr2 = optionsModalRef.current) === null || _optionsModalRef$curr2 === void 0 ? void 0 : _optionsModalRef$curr2.getBoundingClientRect().height);
+    setPositionContainer((_containerRef$current2 = containerRef.current) === null || _containerRef$current2 === void 0 ? void 0 : _containerRef$current2.getBoundingClientRect().top); // setHeightModal(optionsModalRef.current?.getBoundingClientRect().height);
   }
 
   var toggleOptionsAreaView = (0, _react.useCallback)(function (event) {
@@ -120,7 +118,7 @@ function DateInput(_ref) {
       }),
       disabled: disabled,
       tabIndex: disabled ? -1 : 0,
-      value: currentValue ? Array.isArray(currentValue) ? "".concat(currentValue[0].toLocaleDateString(locales, localeOptions), " - ").concat(currentValue[1].toLocaleDateString(locales, localeOptions)) : currentValue.toLocaleDateString(locales) : '',
+      value: currentValue ? Array.isArray(currentValue) ? "".concat(currentValue[0].toLocaleDateString(locales, localeOptions), " - ").concat(currentValue[1].toLocaleDateString(locales, localeOptions)) : new Date(currentValue).toLocaleDateString() : '',
       onClick: toggleOptionsAreaView,
       onMouseOver: handleRepositionModal
     }), datePickerOpen && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
@@ -131,14 +129,16 @@ function DateInput(_ref) {
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ReactPortal.ReactPortal, {
         wrapperId: "portal-root",
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ModalWrapper.ModalWrapper, {
-          open: true,
+          open: datePickerOpen,
           left: "".concat((_containerRef$current3 = containerRef.current) === null || _containerRef$current3 === void 0 ? void 0 : _containerRef$current3.getBoundingClientRect().left, "px"),
-          top: Number(positionContainer) < 470 ? "calc(".concat(((_containerRef$current4 = containerRef.current) === null || _containerRef$current4 === void 0 ? void 0 : _containerRef$current4.getBoundingClientRect().bottom) || 0, "px + 10px)") : "calc(".concat(((_containerRef$current5 = containerRef.current) === null || _containerRef$current5 === void 0 ? void 0 : _containerRef$current5.getBoundingClientRect().top) || 0, "px - ").concat(heightModal && heightModal + 10, "px)"),
+          top: Number(positionContainer) < 540 ? "calc(".concat(((_containerRef$current4 = containerRef.current) === null || _containerRef$current4 === void 0 ? void 0 : _containerRef$current4.getBoundingClientRect().bottom) || 0, "px + 10px)") : "calc(".concat(((_containerRef$current5 = containerRef.current) === null || _containerRef$current5 === void 0 ? void 0 : _containerRef$current5.getBoundingClientRect().top) || 0, "px - ", 360, "px)"),
           ref: optionsModalRef,
           maxWidth: "auto",
           children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.default, _objectSpread({
             value: currentValue,
-            onChange: selectDate
+            onChange: selectDate,
+            minDate: minDate,
+            maxDate: maxDate
           }, rest))
         })
       })]