@true-engineering/true-react-common-ui-kit 2.2.0 → 2.3.1

package/README.md

@@ -10,6 +10,22 @@
 
 # Release Notes
 
+## v2.3.0
+
+### Changes
+
+- **Modal**: расширяет свойства модального окна свойствами для CSSTransition
+
+### Breaking changes
+
+- **Modal**: удалена пропса `onCompletelyHidden`. Вместо неё нужно использовать `onExited`
+
+## v2.2.0
+
+### Changes
+
+- Подключена **@true-engineering/true-react-platform-helpers**
+
 ## v2.1.0
 
 ### Changes

package/dist/components/Modal/Modal.d.ts

@@ -1,8 +1,10 @@
 import { FC, ReactNode } from 'react';
+import { TransitionProps } from 'react-transition-group/Transition';
 import { ICommonProps } from '../../types';
 import { ModalStyles } from './Modal.styles';
 export declare type IModalPosition = 'center' | 'left' | 'right' | 'static';
-export interface IModalProps extends ICommonProps {
+export declare type IModalTransitionProps = Pick<TransitionProps<HTMLDivElement>, 'in' | 'mountOnEnter' | 'unmountOnExit' | 'timeout' | 'onEnter' | 'onEntering' | 'onEntered' | 'onExit' | 'onExiting' | 'onExited'>;
+export interface IModalProps extends ICommonProps, IModalTransitionProps {
     tweakStyles?: ModalStyles;
     title?: ReactNode;
     size?: 'l' | 'm' | 's';
@@ -19,8 +21,6 @@ export interface IModalProps extends ICommonProps {
     isOpen?: boolean;
     zIndex?: number;
     testId?: string;
-    onEnter?(): void;
     onClose?(): void;
-    onCompletelyHidden?(): void;
 }
 export declare const Modal: FC<IModalProps>;

package/dist/true-react-common-ui-kit.js

@@ -1435,7 +1435,7 @@ var getTestId = getTestId$1;
 var isStringNotEmpty = isStringNotEmpty$1;
 var isEmpty = isEmpty$1;
 var isNotEmpty = function(val) {
-  return isString(val) && isStringNotEmpty(val) || isNotEmpty(val);
+  return isString(val) && isStringNotEmpty$1(val) || isNotEmpty$1(val);
 };
 var useIsMounted = function() {
   var isMounted = useRef(false);
@@ -7295,10 +7295,10 @@ function _object_spread_props$r(target, source) {
   }
   return target;
 }
-function _object_without_properties$8(source, excluded) {
+function _object_without_properties$9(source, excluded) {
   if (source == null)
     return {};
-  var target = _object_without_properties_loose$8(source, excluded);
+  var target = _object_without_properties_loose$9(source, excluded);
   var key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -7313,7 +7313,7 @@ function _object_without_properties$8(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$8(source, excluded) {
+function _object_without_properties_loose$9(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -7328,7 +7328,7 @@ function _object_without_properties_loose$8(source, excluded) {
   return target;
 }
 var DateInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
-  var date = _param.date, _param_startDate = _param.startDate, startDate = _param_startDate === void 0 ? "" : _param_startDate, _param_endDate = _param.endDate, endDate = _param_endDate === void 0 ? "" : _param_endDate, mask = _param.mask, className = _param.className, placeholder = _param.placeholder, data = _param.data, isRange = _param.isRange, tweakStyles = _param.tweakStyles, onClick = _param.onClick, onChange = _param.onChange, inputProps = _object_without_properties$8(_param, [
+  var date = _param.date, _param_startDate = _param.startDate, startDate = _param_startDate === void 0 ? "" : _param_startDate, _param_endDate = _param.endDate, endDate = _param_endDate === void 0 ? "" : _param_endDate, mask = _param.mask, className = _param.className, placeholder = _param.placeholder, data = _param.data, isRange = _param.isRange, tweakStyles = _param.tweakStyles, onClick = _param.onClick, onChange = _param.onChange, inputProps = _object_without_properties$9(_param, [
     "date",
     "startDate",
     "endDate",
@@ -7500,10 +7500,10 @@ function _object_spread_props$q(target, source) {
   }
   return target;
 }
-function _object_without_properties$7(source, excluded) {
+function _object_without_properties$8(source, excluded) {
   if (source == null)
     return {};
-  var target = _object_without_properties_loose$7(source, excluded);
+  var target = _object_without_properties_loose$8(source, excluded);
   var key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -7518,7 +7518,7 @@ function _object_without_properties$7(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$7(source, excluded) {
+function _object_without_properties_loose$8(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -7533,7 +7533,7 @@ function _object_without_properties_loose$7(source, excluded) {
   return target;
 }
 var SearchInput = function(_param) {
-  var _param_isClearable = _param.isClearable, isClearable = _param_isClearable === void 0 ? true : _param_isClearable, tweakStyles = _param.tweakStyles, testId = _param.testId, data = _param.data, props = _object_without_properties$7(_param, [
+  var _param_isClearable = _param.isClearable, isClearable = _param_isClearable === void 0 ? true : _param_isClearable, tweakStyles = _param.tweakStyles, testId = _param.testId, data = _param.data, props = _object_without_properties$8(_param, [
     "isClearable",
     "tweakStyles",
     "testId",
@@ -7716,10 +7716,10 @@ function _object_spread$x(target) {
   }
   return target;
 }
-function _object_without_properties$6(source, excluded) {
+function _object_without_properties$7(source, excluded) {
   if (source == null)
     return {};
-  var target = _object_without_properties_loose$6(source, excluded);
+  var target = _object_without_properties_loose$7(source, excluded);
   var key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -7734,7 +7734,7 @@ function _object_without_properties$6(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$6(source, excluded) {
+function _object_without_properties_loose$7(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -7846,7 +7846,7 @@ var ScrollIntoViewIfNeeded = /* @__PURE__ */ function(PureComponent2) {
         _this_props.active;
         var elementType = _this_props.elementType, children = _this_props.children;
         _this_props.options;
-        var wrapperProps = _object_without_properties$6(_this_props, [
+        var wrapperProps = _object_without_properties$7(_this_props, [
           "active",
           "elementType",
           "children",
@@ -8310,10 +8310,10 @@ function _object_spread_props$o(target, source) {
   }
   return target;
 }
-function _object_without_properties$5(source, excluded) {
+function _object_without_properties$6(source, excluded) {
   if (source == null)
     return {};
-  var target = _object_without_properties_loose$5(source, excluded);
+  var target = _object_without_properties_loose$6(source, excluded);
   var key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -8328,7 +8328,7 @@ function _object_without_properties$5(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$5(source, excluded) {
+function _object_without_properties_loose$6(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -8464,7 +8464,7 @@ var __generator$4 = globalThis && globalThis.__generator || function(thisArg, bo
   }
 };
 function Select(props) {
-  var options = props.options, value = props.value, defaultOptionLabel = props.defaultOptionLabel, allOptionsLabel = props.allOptionsLabel, _props_debounceTime = props.debounceTime, debounceTime = _props_debounceTime === void 0 ? 400 : _props_debounceTime, _props_optionsMode = props.optionsMode, optionsMode = _props_optionsMode === void 0 ? "normal" : _props_optionsMode, noMatchesLabel = props.noMatchesLabel, loadingLabel = props.loadingLabel, tweakStyles = props.tweakStyles, testId = props.testId, isReadonly = props.isReadonly, isDisabled = props.isDisabled, dropdownOptions = props.dropdownOptions, _props_minSymbolsCountToOpenList = props.minSymbolsCountToOpenList, minSymbolsCountToOpenList = _props_minSymbolsCountToOpenList === void 0 ? 0 : _props_minSymbolsCountToOpenList, _props_dropdownIcon = props.dropdownIcon, dropdownIcon = _props_dropdownIcon === void 0 ? "chevron-down" : _props_dropdownIcon, _props_shouldScrollToList = props.shouldScrollToList, shouldScrollToList = _props_shouldScrollToList === void 0 ? true : _props_shouldScrollToList, searchInput = props.searchInput, iconType = props.iconType, onChange = props.onChange, onFocus = props.onFocus, onBlur = props.onBlur, onType = props.onType, onOpen = props.onOpen, _props_isOptionDisabled = props.isOptionDisabled, isOptionDisabled = _props_isOptionDisabled === void 0 ? defaultIsOptionDisabled : _props_isOptionDisabled, _props_compareValuesOnChange = props.compareValuesOnChange, compareValuesOnChange = _props_compareValuesOnChange === void 0 ? defaultCompareFunction : _props_compareValuesOnChange, _props_convertValueToString = props.convertValueToString, convertValueToString = _props_convertValueToString === void 0 ? defaultConvertFunction$2 : _props_convertValueToString, convertValueToId = props.convertValueToId, convertValueToReactNode = props.convertValueToReactNode, optionsFilter = props.optionsFilter, inputProps = _object_without_properties$5(props, [
+  var options = props.options, value = props.value, defaultOptionLabel = props.defaultOptionLabel, allOptionsLabel = props.allOptionsLabel, _props_debounceTime = props.debounceTime, debounceTime = _props_debounceTime === void 0 ? 400 : _props_debounceTime, _props_optionsMode = props.optionsMode, optionsMode = _props_optionsMode === void 0 ? "normal" : _props_optionsMode, noMatchesLabel = props.noMatchesLabel, loadingLabel = props.loadingLabel, tweakStyles = props.tweakStyles, testId = props.testId, isReadonly = props.isReadonly, isDisabled = props.isDisabled, dropdownOptions = props.dropdownOptions, _props_minSymbolsCountToOpenList = props.minSymbolsCountToOpenList, minSymbolsCountToOpenList = _props_minSymbolsCountToOpenList === void 0 ? 0 : _props_minSymbolsCountToOpenList, _props_dropdownIcon = props.dropdownIcon, dropdownIcon = _props_dropdownIcon === void 0 ? "chevron-down" : _props_dropdownIcon, _props_shouldScrollToList = props.shouldScrollToList, shouldScrollToList = _props_shouldScrollToList === void 0 ? true : _props_shouldScrollToList, searchInput = props.searchInput, iconType = props.iconType, onChange = props.onChange, onFocus = props.onFocus, onBlur = props.onBlur, onType = props.onType, onOpen = props.onOpen, _props_isOptionDisabled = props.isOptionDisabled, isOptionDisabled = _props_isOptionDisabled === void 0 ? defaultIsOptionDisabled : _props_isOptionDisabled, _props_compareValuesOnChange = props.compareValuesOnChange, compareValuesOnChange = _props_compareValuesOnChange === void 0 ? defaultCompareFunction : _props_compareValuesOnChange, _props_convertValueToString = props.convertValueToString, convertValueToString = _props_convertValueToString === void 0 ? defaultConvertFunction$2 : _props_convertValueToString, convertValueToId = props.convertValueToId, convertValueToReactNode = props.convertValueToReactNode, optionsFilter = props.optionsFilter, inputProps = _object_without_properties$6(props, [
     "options",
     "value",
     "defaultOptionLabel",
@@ -9165,10 +9165,10 @@ function _object_spread_props$n(target, source) {
   }
   return target;
 }
-function _object_without_properties$4(source, excluded) {
+function _object_without_properties$5(source, excluded) {
   if (source == null)
     return {};
-  var target = _object_without_properties_loose$4(source, excluded);
+  var target = _object_without_properties_loose$5(source, excluded);
   var key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -9183,7 +9183,7 @@ function _object_without_properties$4(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$4(source, excluded) {
+function _object_without_properties_loose$5(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -9223,7 +9223,7 @@ var PopperContainer = function(param) {
   });
 };
 var DatePicker = /* @__PURE__ */ forwardRef(function(_param, ref) {
-  var data = _param.data, _param_selectedDate = _param.selectedDate, selectedDate = _param_selectedDate === void 0 ? null : _param_selectedDate, minDate = _param.minDate, maxDate = _param.maxDate, _param_endDate = _param.endDate, endDate = _param_endDate === void 0 ? null : _param_endDate, _param_startDate = _param.startDate, startDate = _param_startDate === void 0 ? null : _param_startDate, locale2 = _param.locale, months = _param.months, _param_topPosition = _param.topPosition, topPosition = _param_topPosition === void 0 ? 0 : _param_topPosition, _param_leftPosition = _param.leftPosition, leftPosition = _param_leftPosition === void 0 ? 0 : _param_leftPosition, _param_calendarStartDay = _param.calendarStartDay, calendarStartDay = _param_calendarStartDay === void 0 ? 1 : _param_calendarStartDay, _param_dateFormat = _param.dateFormat, dateFormat = _param_dateFormat === void 0 ? DEFAULT_DATE_FORMAT$2 : _param_dateFormat, monthsShown = _param.monthsShown, placeholder = _param.placeholder, isRange = _param.isRange, isInline = _param.isInline, isDisabled = _param.isDisabled, isClearable = _param.isClearable, strictParsing = _param.strictParsing, focusSelectedMonth = _param.focusSelectedMonth, disabledKeyboardNavigation = _param.disabledKeyboardNavigation, shouldRenderPopperInBody = _param.shouldRenderPopperInBody, _param_allowSameDay = _param.allowSameDay, allowSameDay = _param_allowSameDay === void 0 ? false : _param_allowSameDay, shouldCloseOnSelect = _param.shouldCloseOnSelect, showPreviousMonths = _param.showPreviousMonths, preventOpenOnFocus = _param.preventOpenOnFocus, popperModifiers = _param.popperModifiers, popperPlacement = _param.popperPlacement, todayButton = _param.todayButton, calendarContainer = _param.calendarContainer, dayClassName = _param.dayClassName, tmp = _param.customInput, CustomInput = tmp === void 0 ? DateInput : tmp, customInputRef = _param.customInputRef, renderCustomHeader = _param.renderCustomHeader, filterDate = _param.filterDate, onYearChange = _param.onYearChange, onMonthChange = _param.onMonthChange, onCalendarOpen = _param.onCalendarOpen, onCalendarClose = _param.onCalendarClose, onChangeDate = _param.onChangeDate, onChangeRange = _param.onChangeRange, onBlur = _param.onBlur, onFocus = _param.onFocus, onKeyDown = _param.onKeyDown, tweakStyles = _param.tweakStyles, inputProps = _object_without_properties$4(_param, [
+  var data = _param.data, _param_selectedDate = _param.selectedDate, selectedDate = _param_selectedDate === void 0 ? null : _param_selectedDate, minDate = _param.minDate, maxDate = _param.maxDate, _param_endDate = _param.endDate, endDate = _param_endDate === void 0 ? null : _param_endDate, _param_startDate = _param.startDate, startDate = _param_startDate === void 0 ? null : _param_startDate, locale2 = _param.locale, months = _param.months, _param_topPosition = _param.topPosition, topPosition = _param_topPosition === void 0 ? 0 : _param_topPosition, _param_leftPosition = _param.leftPosition, leftPosition = _param_leftPosition === void 0 ? 0 : _param_leftPosition, _param_calendarStartDay = _param.calendarStartDay, calendarStartDay = _param_calendarStartDay === void 0 ? 1 : _param_calendarStartDay, _param_dateFormat = _param.dateFormat, dateFormat = _param_dateFormat === void 0 ? DEFAULT_DATE_FORMAT$2 : _param_dateFormat, monthsShown = _param.monthsShown, placeholder = _param.placeholder, isRange = _param.isRange, isInline = _param.isInline, isDisabled = _param.isDisabled, isClearable = _param.isClearable, strictParsing = _param.strictParsing, focusSelectedMonth = _param.focusSelectedMonth, disabledKeyboardNavigation = _param.disabledKeyboardNavigation, shouldRenderPopperInBody = _param.shouldRenderPopperInBody, _param_allowSameDay = _param.allowSameDay, allowSameDay = _param_allowSameDay === void 0 ? false : _param_allowSameDay, shouldCloseOnSelect = _param.shouldCloseOnSelect, showPreviousMonths = _param.showPreviousMonths, preventOpenOnFocus = _param.preventOpenOnFocus, popperModifiers = _param.popperModifiers, popperPlacement = _param.popperPlacement, todayButton = _param.todayButton, calendarContainer = _param.calendarContainer, dayClassName = _param.dayClassName, tmp = _param.customInput, CustomInput = tmp === void 0 ? DateInput : tmp, customInputRef = _param.customInputRef, renderCustomHeader = _param.renderCustomHeader, filterDate = _param.filterDate, onYearChange = _param.onYearChange, onMonthChange = _param.onMonthChange, onCalendarOpen = _param.onCalendarOpen, onCalendarClose = _param.onCalendarClose, onChangeDate = _param.onChangeDate, onChangeRange = _param.onChangeRange, onBlur = _param.onBlur, onFocus = _param.onFocus, onKeyDown = _param.onKeyDown, tweakStyles = _param.tweakStyles, inputProps = _object_without_properties$5(_param, [
     "data",
     "selectedDate",
     "minDate",
@@ -9769,10 +9769,10 @@ function _object_spread$r(target) {
   }
   return target;
 }
-function _object_without_properties$3(source, excluded) {
+function _object_without_properties$4(source, excluded) {
   if (source == null)
     return {};
-  var target = _object_without_properties_loose$3(source, excluded);
+  var target = _object_without_properties_loose$4(source, excluded);
   var key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -9787,7 +9787,7 @@ function _object_without_properties$3(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$3(source, excluded) {
+function _object_without_properties_loose$4(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -9920,7 +9920,7 @@ var __generator$3 = globalThis && globalThis.__generator || function(thisArg, bo
   }
 };
 var NumberInput = /* @__PURE__ */ forwardRef(function(_param, ref) {
-  var value = _param.value, _param_canBeFloat = _param.canBeFloat, canBeFloat = _param_canBeFloat === void 0 ? false : _param_canBeFloat, _param_canBeNegative = _param.canBeNegative, canBeNegative = _param_canBeNegative === void 0 ? false : _param_canBeNegative, defaultValue = _param.defaultValue, _param_precision = _param.precision, precision = _param_precision === void 0 ? 3 : _param_precision, _param_intPartPrecision = _param.intPartPrecision, intPartPrecision = _param_intPartPrecision === void 0 ? 7 : _param_intPartPrecision, onChange = _param.onChange, onBlur = _param.onBlur, min2 = _param.min, max2 = _param.max, props = _object_without_properties$3(_param, [
+  var value = _param.value, _param_canBeFloat = _param.canBeFloat, canBeFloat = _param_canBeFloat === void 0 ? false : _param_canBeFloat, _param_canBeNegative = _param.canBeNegative, canBeNegative = _param_canBeNegative === void 0 ? false : _param_canBeNegative, defaultValue = _param.defaultValue, _param_precision = _param.precision, precision = _param_precision === void 0 ? 3 : _param_precision, _param_intPartPrecision = _param.intPartPrecision, intPartPrecision = _param_intPartPrecision === void 0 ? 7 : _param_intPartPrecision, onChange = _param.onChange, onBlur = _param.onBlur, min2 = _param.min, max2 = _param.max, props = _object_without_properties$4(_param, [
     "value",
     "canBeFloat",
     "canBeNegative",
@@ -21835,10 +21835,10 @@ function _object_spread_props$b(target, source) {
   }
   return target;
 }
-function _object_without_properties$2(source, excluded) {
+function _object_without_properties$3(source, excluded) {
   if (source == null)
     return {};
-  var target = _object_without_properties_loose$2(source, excluded);
+  var target = _object_without_properties_loose$3(source, excluded);
   var key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -21853,7 +21853,7 @@ function _object_without_properties$2(source, excluded) {
   }
   return target;
 }
-function _object_without_properties_loose$2(source, excluded) {
+function _object_without_properties_loose$3(source, excluded) {
   if (source == null)
     return {};
   var target = {};
@@ -21868,7 +21868,7 @@ function _object_without_properties_loose$2(source, excluded) {
   return target;
 }
 var IncrementInput = function(_param) {
-  var value = _param.value, onChange = _param.onChange, min2 = _param.min, max2 = _param.max, _param_step = _param.step, step = _param_step === void 0 ? 1 : _param_step, intPartPrecision = _param.intPartPrecision, data = _param.data, tweakStyles = _param.tweakStyles, props = _object_without_properties$2(_param, [
+  var value = _param.value, onChange = _param.onChange, min2 = _param.min, max2 = _param.max, _param_step = _param.step, step = _param_step === void 0 ? 1 : _param_step, intPartPrecision = _param.intPartPrecision, data = _param.data, tweakStyles = _param.tweakStyles, props = _object_without_properties$3(_param, [
     "value",
     "onChange",
     "min",
@@ -22280,6 +22280,38 @@ function _object_spread_props$a(target, source) {
   }
   return target;
 }
+function _object_without_properties$2(source, excluded) {
+  if (source == null)
+    return {};
+  var target = _object_without_properties_loose$2(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0)
+        continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key))
+        continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+function _object_without_properties_loose$2(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;
+}
 function _sliced_to_array$7(arr, i) {
   return _array_with_holes$7(arr) || _iterable_to_array_limit$7(arr, i) || _unsupported_iterable_to_array$7(arr, i) || _non_iterable_rest$7();
 }
@@ -22296,8 +22328,31 @@ function _unsupported_iterable_to_array$7(o, minLen) {
   if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))
     return _array_like_to_array$7(o, minLen);
 }
-var Modal = function(param) {
-  var data = param.data, tweakStyles = param.tweakStyles, title = param.title, _param_size = param.size, size = _param_size === void 0 ? "l" : _param_size, isFooterSticky = param.isFooterSticky, buttons = param.buttons, _param_buttonsAlign = param.buttonsAlign, buttonsAlign = _param_buttonsAlign === void 0 ? "right" : _param_buttonsAlign, _param_hasCloseButton = param.hasCloseButton, hasCloseButton = _param_hasCloseButton === void 0 ? true : _param_hasCloseButton, _param_hasOverlay = param.hasOverlay, hasOverlay = _param_hasOverlay === void 0 ? true : _param_hasOverlay, _param_isOpen = param.isOpen, isOpen = _param_isOpen === void 0 ? false : _param_isOpen, _param_position = param.position, position = _param_position === void 0 ? "center" : _param_position, children = param.children, zIndex = param.zIndex, testId = param.testId, _param_shouldCloseOnOverlayClick = param.shouldCloseOnOverlayClick, shouldCloseOnOverlayClick = _param_shouldCloseOnOverlayClick === void 0 ? true : _param_shouldCloseOnOverlayClick, _param_shouldCloseOnEsc = param.shouldCloseOnEsc, shouldCloseOnEsc = _param_shouldCloseOnEsc === void 0 ? true : _param_shouldCloseOnEsc, _param_shouldBlockScroll = param.shouldBlockScroll, shouldBlockScroll = _param_shouldBlockScroll === void 0 ? true : _param_shouldBlockScroll, onClose = param.onClose, onCompletelyHidden = param.onCompletelyHidden, onEnter = param.onEnter;
+var Modal = function(_param) {
+  var data = _param.data, tweakStyles = _param.tweakStyles, title = _param.title, _param_size = _param.size, size = _param_size === void 0 ? "l" : _param_size, isFooterSticky = _param.isFooterSticky, buttons = _param.buttons, _param_buttonsAlign = _param.buttonsAlign, buttonsAlign = _param_buttonsAlign === void 0 ? "right" : _param_buttonsAlign, _param_hasCloseButton = _param.hasCloseButton, hasCloseButton = _param_hasCloseButton === void 0 ? true : _param_hasCloseButton, _param_hasOverlay = _param.hasOverlay, hasOverlay = _param_hasOverlay === void 0 ? true : _param_hasOverlay, _param_isOpen = _param.isOpen, isOpen = _param_isOpen === void 0 ? false : _param_isOpen, _param_position = _param.position, position = _param_position === void 0 ? "center" : _param_position, children = _param.children, zIndex = _param.zIndex, testId = _param.testId, _param_shouldCloseOnOverlayClick = _param.shouldCloseOnOverlayClick, shouldCloseOnOverlayClick = _param_shouldCloseOnOverlayClick === void 0 ? true : _param_shouldCloseOnOverlayClick, _param_shouldCloseOnEsc = _param.shouldCloseOnEsc, shouldCloseOnEsc = _param_shouldCloseOnEsc === void 0 ? true : _param_shouldCloseOnEsc, _param_shouldBlockScroll = _param.shouldBlockScroll, shouldBlockScroll = _param_shouldBlockScroll === void 0 ? true : _param_shouldBlockScroll, _param_timeout = _param.timeout, timeout = _param_timeout === void 0 ? 150 : _param_timeout, _param_unmountOnExit = _param.unmountOnExit, unmountOnExit = _param_unmountOnExit === void 0 ? true : _param_unmountOnExit, onClose = _param.onClose, restProps = _object_without_properties$2(_param, [
+    "data",
+    "tweakStyles",
+    "title",
+    "size",
+    "isFooterSticky",
+    "buttons",
+    "buttonsAlign",
+    "hasCloseButton",
+    "hasOverlay",
+    "isOpen",
+    "position",
+    "children",
+    "zIndex",
+    "testId",
+    "shouldCloseOnOverlayClick",
+    "shouldCloseOnEsc",
+    "shouldBlockScroll",
+    "timeout",
+    "unmountOnExit",
+    "onClose"
+  ]);
+  var _ref;
+  var isModalOpen = (_ref = isOpen !== null && isOpen !== void 0 ? isOpen : restProps.in) !== null && _ref !== void 0 ? _ref : false;
   var _useTheme = useTheme("Modal", styles$d, tweakStyles), classes = _useTheme.classes, componentStyles = _useTheme.componentStyles;
   var tweakCloseButtonStyles = useTweakStyles(componentStyles, tweakStyles, "tweakCloseButton");
   var _useState = _sliced_to_array$7(useState(false), 2), isClickOnOverlay = _useState[0], setIsClickOnOverlay = _useState[1];
@@ -22325,7 +22380,7 @@ var Modal = function(param) {
     onClose
   ]);
   useEffect(function() {
-    if (!shouldCloseOnEsc || onClose === void 0 || !isOpen) {
+    if (!shouldCloseOnEsc || onClose === void 0 || !isModalOpen) {
       return function() {
         return null;
       };
@@ -22337,22 +22392,21 @@ var Modal = function(param) {
   }, [
     shouldCloseOnEsc,
     onClose,
-    isOpen,
+    isModalOpen,
     handleEscClose
   ]);
   var _obj, _obj1;
-  return /* @__PURE__ */ jsx(CSSTransition, {
-    in: isOpen,
-    timeout: 150,
-    unmountOnExit: true,
+  return /* @__PURE__ */ jsx(CSSTransition, _object_spread_props$a(_object_spread$c({
+    in: isModalOpen,
+    timeout,
+    unmountOnExit,
     classNames: {
       enter: classes["modal-enter"],
       enterActive: classes["modal-enter-active"],
       exit: classes["modal-exit"],
       exitActive: classes["modal-exit-active"]
-    },
-    onEnter,
-    onExited: onCompletelyHidden,
+    }
+  }, restProps), {
     children: /* @__PURE__ */ jsx("div", {
       className: classes.modalWrapper,
       children: /* @__PURE__ */ jsx(RemoveScroll, {
@@ -22403,7 +22457,7 @@ var Modal = function(param) {
         }))
       })
     })
-  });
+  }));
 };
 var styles$c = {
   root: {