@majoo-ui/react 1.57.7 → 1.57.8

package/components/datePicker/InputDatePicker.d.ts

@@ -73,6 +73,10 @@ export interface InputDatePickerProps {
      * Specify an `onChange` handler that is called whenever the InputDatePicker value changes.
      */
     onChange?: (value: any) => void;
+    /**
+     * Specify an `onDateSelected` handler that is which is called only when the user selects a date before submitting.
+     */
+    onDateSelected?: (value: any) => void;
     /**
      * Specify the InputDatePicker value.
      */
@@ -130,5 +134,5 @@ export interface InputDatePickerProps {
      */
     portalled?: boolean;
 }
-export declare function InputDatePicker({ type, showRangeControl, rangePickerType, placeholder, size, disabled, onChange, defaultValue: defaultDateValue, value: dateValue, defaultDate, date, advanceView, placement, css, showTimePicker, timePickerProps, minDate, maxDate, readOnly, isInvalid, allowReset, portalled, }: InputDatePickerProps): JSX.Element;
+export declare function InputDatePicker({ type, showRangeControl, rangePickerType, placeholder, size, disabled, onChange, onDateSelected, defaultValue: defaultDateValue, value: dateValue, defaultDate, date, advanceView, placement, css, showTimePicker, timePickerProps, minDate, maxDate, readOnly, isInvalid, allowReset, portalled, }: InputDatePickerProps): JSX.Element;
 export {};

package/index.esm.js

@@ -3384,7 +3384,6 @@ const ToastProvider = ({
     const uniqueId = ++toastCount;
     const toastId = toast.id || `${id || 'toast'}-${uniqueId}`;
     const offlineInstance = {
-      id: 'offline-connection',
       title: t('offlineTitle', 'Internet Bermasalah'),
       variant: 'failed',
       description: t('offlineDescription', 'Tidak ada koneksi internet, mohon periksa jaringan'),
@@ -3418,7 +3417,7 @@ const ToastProvider = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$_,
-      lineNumber: 65,
+      lineNumber: 64,
       columnNumber: 5
     }
   }, children, /*#__PURE__*/React.createElement(ToastContainer, {
@@ -3427,7 +3426,7 @@ const ToastProvider = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$_,
-      lineNumber: 67,
+      lineNumber: 66,
       columnNumber: 7
     }
   }), /*#__PURE__*/React.createElement(ToastContainer, {
@@ -3436,7 +3435,7 @@ const ToastProvider = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$_,
-      lineNumber: 71,
+      lineNumber: 70,
       columnNumber: 7
     }
   }), /*#__PURE__*/React.createElement(ToastContainer, {
@@ -3445,7 +3444,7 @@ const ToastProvider = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$_,
-      lineNumber: 75,
+      lineNumber: 74,
       columnNumber: 7
     }
   }), /*#__PURE__*/React.createElement(ToastContainer, {
@@ -3454,7 +3453,7 @@ const ToastProvider = ({
     __self: undefined,
     __source: {
       fileName: _jsxFileName$_,
-      lineNumber: 79,
+      lineNumber: 78,
       columnNumber: 7
     }
   }));
@@ -7169,6 +7168,7 @@ const InputNumber = /*#__PURE__*/React__default.forwardRef((_ref, ref) => {
     props = _objectWithoutPropertiesLoose(_ref, _excluded$i);
   return /*#__PURE__*/React__default.createElement(StyledInput, _extends({
     ref: ref,
+    getInputRef: ref,
     placeholder: placeholder,
     value: value,
     size: size,
@@ -8375,11 +8375,11 @@ const InputSearchbox = _ref => {
   } = useTranslation(['MajooUI/inputSearchbox', 'translation']);
   const [value, setValue] = useState(defaultValue);
   const inputValue = (_props$value = props === null || props === void 0 ? void 0 : props.value) != null ? _props$value : value;
-  const debounceChange = useCallback(() => debounce(e => onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value), 1000), [onChange]);
+  const debounceChange = useCallback(debounce(e => onChange === null || onChange === void 0 ? void 0 : onChange(e), 1000), [onChange]);
   const handleChange = useCallback(e => {
     setValue(e.target.value);
     if (withDebounce) {
-      debounceChange(e);
+      debounceChange(e.target.value);
     } else {
       onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value);
     }
@@ -8398,7 +8398,7 @@ const InputSearchbox = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$z,
-      lineNumber: 40,
+      lineNumber: 43,
       columnNumber: 5
     }
   }, /*#__PURE__*/React__default.createElement(InputLeftElement, {
@@ -8406,14 +8406,14 @@ const InputSearchbox = _ref => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$z,
-        lineNumber: 41,
+        lineNumber: 44,
         columnNumber: 35
       }
     }),
     __self: undefined,
     __source: {
       fileName: _jsxFileName$z,
-      lineNumber: 41,
+      lineNumber: 44,
       columnNumber: 7
     }
   }), /*#__PURE__*/React__default.createElement(InputText, _extends({
@@ -8428,7 +8428,7 @@ const InputSearchbox = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$z,
-      lineNumber: 42,
+      lineNumber: 45,
       columnNumber: 7
     }
   })), /*#__PURE__*/React__default.createElement(InputRightElement, {
@@ -8437,14 +8437,14 @@ const InputSearchbox = _ref => {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$z,
-        lineNumber: 53,
+        lineNumber: 56,
         columnNumber: 44
       }
     }) : /*#__PURE__*/React__default.createElement("div", {
       __self: undefined,
       __source: {
         fileName: _jsxFileName$z,
-        lineNumber: 53,
+        lineNumber: 56,
         columnNumber: 91
       }
     }),
@@ -8452,7 +8452,7 @@ const InputSearchbox = _ref => {
     __self: undefined,
     __source: {
       fileName: _jsxFileName$z,
-      lineNumber: 52,
+      lineNumber: 55,
       columnNumber: 7
     }
   }));
@@ -17148,6 +17148,7 @@ const CalendarRangePicker = _a => {
       isMultiDatePicker,
       isRangeControl,
       onChange,
+      onDateSelected: onSelectedDate,
       onClose,
       onReset,
       advanceView,
@@ -17157,7 +17158,7 @@ const CalendarRangePicker = _a => {
       maxDate,
       allowReset
     } = _a,
-    props = __rest(_a, ["isMultiDatePicker", "isRangeControl", "onChange", "onClose", "onReset", "advanceView", "selected", "disabled", "minDate", "maxDate", "allowReset"]);
+    props = __rest(_a, ["isMultiDatePicker", "isRangeControl", "onChange", "onDateSelected", "onClose", "onReset", "advanceView", "selected", "disabled", "minDate", "maxDate", "allowReset"]);
   const today = new Date();
   const prevMonth = new Date(today.getFullYear(), today.getMonth() - 1, 1, 0);
   const [dateValue, setDateValue] = useState([]);
@@ -17176,11 +17177,14 @@ const CalendarRangePicker = _a => {
     }
     if (!dateValue.length || dateValue.length === 2) {
       setDateValue([selectedDate.date]);
+      onSelectedDate === null || onSelectedDate === void 0 ? void 0 : onSelectedDate([selectedDate.date]);
     } else {
       if (new Date(dateValue[0]) > selectedDate.date) {
         setDateValue([selectedDate.date, dateValue[0]]);
+        onSelectedDate === null || onSelectedDate === void 0 ? void 0 : onSelectedDate([selectedDate.date, dateValue[0]]);
       } else {
         setDateValue([dateValue[0], selectedDate.date]);
+        onSelectedDate === null || onSelectedDate === void 0 ? void 0 : onSelectedDate([dateValue[0], selectedDate.date]);
       }
     }
   };
@@ -17660,6 +17664,7 @@ function InputDatePicker({
   size = 'sm',
   disabled,
   onChange,
+  onDateSelected,
   defaultValue: defaultDateValue,
   value: dateValue,
   defaultDate,
@@ -17804,6 +17809,7 @@ function InputDatePicker({
       selected: selectedDate,
       isMultiDatePicker: type !== SINGLE_PICKER || showRangeControl,
       onChange: handleDatePickerChange,
+      onDateSelected: e => onDateSelected === null || onDateSelected === void 0 ? void 0 : onDateSelected(e),
       onClose: () => setOpenPicker(false),
       showTimePicker: showTimePicker,
       timePickerProps: timePickerProps,

package/index.umd.js

@@ -3467,7 +3467,6 @@
       const uniqueId = ++toastCount;
       const toastId = toast.id || `${id || 'toast'}-${uniqueId}`;
       const offlineInstance = {
-        id: 'offline-connection',
         title: t('offlineTitle', 'Internet Bermasalah'),
         variant: 'failed',
         description: t('offlineDescription', 'Tidak ada koneksi internet, mohon periksa jaringan'),
@@ -3501,7 +3500,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$_,
-        lineNumber: 65,
+        lineNumber: 64,
         columnNumber: 5
       }
     }, children, /*#__PURE__*/React__namespace.createElement(ToastContainer, {
@@ -3510,7 +3509,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$_,
-        lineNumber: 67,
+        lineNumber: 66,
         columnNumber: 7
       }
     }), /*#__PURE__*/React__namespace.createElement(ToastContainer, {
@@ -3519,7 +3518,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$_,
-        lineNumber: 71,
+        lineNumber: 70,
         columnNumber: 7
       }
     }), /*#__PURE__*/React__namespace.createElement(ToastContainer, {
@@ -3528,7 +3527,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$_,
-        lineNumber: 75,
+        lineNumber: 74,
         columnNumber: 7
       }
     }), /*#__PURE__*/React__namespace.createElement(ToastContainer, {
@@ -3537,7 +3536,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$_,
-        lineNumber: 79,
+        lineNumber: 78,
         columnNumber: 7
       }
     }));
@@ -7253,6 +7252,7 @@
       props = _objectWithoutPropertiesLoose(_ref, _excluded$i);
     return /*#__PURE__*/React__default["default"].createElement(StyledInput, _extends({
       ref: ref,
+      getInputRef: ref,
       placeholder: placeholder,
       value: value,
       size: size,
@@ -8459,11 +8459,11 @@
     } = reactI18next.useTranslation(['MajooUI/inputSearchbox', 'translation']);
     const [value, setValue] = React.useState(defaultValue);
     const inputValue = (_props$value = props === null || props === void 0 ? void 0 : props.value) != null ? _props$value : value;
-    const debounceChange = React.useCallback(() => debounce__default["default"](e => onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value), 1000), [onChange]);
+    const debounceChange = React.useCallback(debounce__default["default"](e => onChange === null || onChange === void 0 ? void 0 : onChange(e), 1000), [onChange]);
     const handleChange = React.useCallback(e => {
       setValue(e.target.value);
       if (withDebounce) {
-        debounceChange(e);
+        debounceChange(e.target.value);
       } else {
         onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value);
       }
@@ -8482,7 +8482,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$z,
-        lineNumber: 40,
+        lineNumber: 43,
         columnNumber: 5
       }
     }, /*#__PURE__*/React__default["default"].createElement(InputLeftElement, {
@@ -8490,14 +8490,14 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$z,
-          lineNumber: 41,
+          lineNumber: 44,
           columnNumber: 35
         }
       }),
       __self: undefined,
       __source: {
         fileName: _jsxFileName$z,
-        lineNumber: 41,
+        lineNumber: 44,
         columnNumber: 7
       }
     }), /*#__PURE__*/React__default["default"].createElement(InputText, _extends({
@@ -8512,7 +8512,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$z,
-        lineNumber: 42,
+        lineNumber: 45,
         columnNumber: 7
       }
     })), /*#__PURE__*/React__default["default"].createElement(InputRightElement, {
@@ -8521,14 +8521,14 @@
         __self: undefined,
         __source: {
           fileName: _jsxFileName$z,
-          lineNumber: 53,
+          lineNumber: 56,
           columnNumber: 44
         }
       }) : /*#__PURE__*/React__default["default"].createElement("div", {
         __self: undefined,
         __source: {
           fileName: _jsxFileName$z,
-          lineNumber: 53,
+          lineNumber: 56,
           columnNumber: 91
         }
       }),
@@ -8536,7 +8536,7 @@
       __self: undefined,
       __source: {
         fileName: _jsxFileName$z,
-        lineNumber: 52,
+        lineNumber: 55,
         columnNumber: 7
       }
     }));
@@ -17407,6 +17407,7 @@
     var isMultiDatePicker = _a.isMultiDatePicker,
       isRangeControl = _a.isRangeControl,
       onChange = _a.onChange,
+      onSelectedDate = _a.onDateSelected,
       onClose = _a.onClose;
       _a.onReset;
       var advanceView = _a.advanceView,
@@ -17415,7 +17416,7 @@
       minDate = _a.minDate,
       maxDate = _a.maxDate,
       allowReset = _a.allowReset,
-      props = __rest(_a, ["isMultiDatePicker", "isRangeControl", "onChange", "onClose", "onReset", "advanceView", "selected", "disabled", "minDate", "maxDate", "allowReset"]);
+      props = __rest(_a, ["isMultiDatePicker", "isRangeControl", "onChange", "onDateSelected", "onClose", "onReset", "advanceView", "selected", "disabled", "minDate", "maxDate", "allowReset"]);
     var today = new Date();
     var prevMonth = new Date(today.getFullYear(), today.getMonth() - 1, 1, 0);
     var _b = React.useState([]),
@@ -17440,11 +17441,14 @@
       }
       if (!dateValue.length || dateValue.length === 2) {
         setDateValue([selectedDate.date]);
+        onSelectedDate === null || onSelectedDate === void 0 ? void 0 : onSelectedDate([selectedDate.date]);
       } else {
         if (new Date(dateValue[0]) > selectedDate.date) {
           setDateValue([selectedDate.date, dateValue[0]]);
+          onSelectedDate === null || onSelectedDate === void 0 ? void 0 : onSelectedDate([selectedDate.date, dateValue[0]]);
         } else {
           setDateValue([dateValue[0], selectedDate.date]);
+          onSelectedDate === null || onSelectedDate === void 0 ? void 0 : onSelectedDate([dateValue[0], selectedDate.date]);
         }
       }
     };
@@ -17927,6 +17931,7 @@
       size = _d === void 0 ? 'sm' : _d,
       disabled = _a.disabled,
       onChange = _a.onChange,
+      onDateSelected = _a.onDateSelected,
       defaultDateValue = _a.defaultValue,
       dateValue = _a.value,
       defaultDate = _a.defaultDate,
@@ -18076,6 +18081,9 @@
         selected: selectedDate,
         isMultiDatePicker: type !== SINGLE_PICKER || showRangeControl,
         onChange: handleDatePickerChange,
+        onDateSelected: function (e) {
+          return onDateSelected === null || onDateSelected === void 0 ? void 0 : onDateSelected(e);
+        },
         onClose: function () {
           return setOpenPicker(false);
         },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@majoo-ui/react",
-  "version": "1.57.7",
+  "version": "1.57.8",
   "dependencies": {
     "@majoo-ui/core": "^1.31.3",
     "@majoo-ui/helpers": "^1.30.5",