intelicoreact 1.3.6 → 1.3.8

package/dist/Atomic/FormElements/InputDateRange/InputDateRange.js

@@ -60,6 +60,7 @@ const InputDateRange = props => {
   const dropdownContainers = document.getElementsByClassName('dropdown__container');
   const ref = !isUseAbs ? (0, _dependencies.useClickOutside)(toggleOff, dropdownContainers) : (0, _react.useRef)(null);
   const internalContainerRef = (0, _react.useRef)(null);
+  const [dateRangeContainerId, setDateRangeContainerId] = (0, _react.useState)(Math.random().toString(16).slice(2));
   const handleChange = input => {
     const newValue = (0, _dependencies.getActualDateRange)(input);
     const formatedValue = {
@@ -140,6 +141,28 @@ const InputDateRange = props => {
     slideInterval(type === 'right' ? 'forward' : 'back');
     toggleOff();
   };
+  const getParentNode = () => {
+    var _document$querySelect;
+    return (_document$querySelect = document.querySelector('div#root')) !== null && _document$querySelect !== void 0 ? _document$querySelect : document.querySelector('div#app');
+  };
+  const initDateRangeContainer = () => {
+    var _document$getElementB;
+    (_document$getElementB = document.getElementById(dateRangeContainerId)) === null || _document$getElementB === void 0 || _document$getElementB.remove();
+    const dateRangeContainer = document.createElement('div');
+    dateRangeContainer.setAttribute('id', dateRangeContainerId);
+    dateRangeContainer.classList.add('input-date-range__mobile-container');
+    getParentNode().append(dateRangeContainer);
+  };
+  const getDateRangeContainer = () => {
+    return document.getElementById(dateRangeContainerId);
+  };
+  (0, _react.useLayoutEffect)(() => {
+    initDateRangeContainer();
+    return () => {
+      var _getDateRangeContaine;
+      (_getDateRangeContaine = getDateRangeContainer()) === null || _getDateRangeContaine === void 0 || _getDateRangeContaine.remove();
+    };
+  }, []);
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: internalContainerRef,
     className: (0, _classnames.default)('date-range-input', className, {
@@ -191,6 +214,7 @@ const InputDateRange = props => {
     disabled: disabled || (actualValues === null || actualValues === void 0 ? void 0 : actualValues.intervalKey) === _dependencies.ALL_TIME_KEY || !isDontLimitFuture && (formatedMaxDate ? (0, _momentTimezone.default)(actualValues === null || actualValues === void 0 ? void 0 : actualValues.end).endOf('day').subtract((0, _momentTimezone.default)(actualValues === null || actualValues === void 0 ? void 0 : actualValues.end).diff(actualValues === null || actualValues === void 0 ? void 0 : actualValues.start, 'hours'), 'hours').isAfter(momentMaxDate.startOf('day')) : (0, _momentTimezone.default)(actualValues === null || actualValues === void 0 ? void 0 : actualValues.end).add((0, _momentTimezone.default)(actualValues === null || actualValues === void 0 ? void 0 : actualValues.end).diff(actualValues === null || actualValues === void 0 ? void 0 : actualValues.start, 'hours'), 'hours').isAfter((0, _momentTimezone.default)().add(1, 'day').startOf('day'))),
     isAlt: isAltArrows
   }))), isToggled && !isUseAbs && /*#__PURE__*/_react.default.createElement(_OpenedPart.default, (0, _extends2.default)({}, props, {
+    dateRangeContainerId: dateRangeContainerId,
     mainId: id,
     testId: testId,
     ref: internalContainerRef,

package/dist/Atomic/FormElements/InputDateRange/components/OpenedPart.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _reactDom = require("react-dom");
 var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _dependencies = require("../dependencies");
@@ -21,6 +22,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
 const classNames = require('classnames');
 const OpenedPart = (props, ref) => {
   const {
+    dateRangeContainerId,
     txt,
     buttonsTypes,
     actualValues,
@@ -187,6 +189,14 @@ const OpenedPart = (props, ref) => {
       sortAlphabetical: false
     }), renderDatepicker());
   };
-  return withMobileLogic && isMobile ? renderMobileOpenedPart() : renderOpenedPart();
+  const getDateRangeContainer = () => {
+    return document.getElementById(dateRangeContainerId);
+  };
+  const renderDateRangeMobileContainer = () => {
+    const dateRangeContainer = getDateRangeContainer();
+    if (!dateRangeContainer) return null;
+    return /*#__PURE__*/(0, _reactDom.createPortal)(renderMobileOpenedPart(), dateRangeContainer);
+  };
+  return withMobileLogic && isMobile ? renderDateRangeMobileContainer() : renderOpenedPart();
 };
 var _default = exports.default = /*#__PURE__*/_react.default.forwardRef(OpenedPart);

package/dist/Atomic/FormElements/InputMask3/InputMask3.js

@@ -600,6 +600,8 @@ function InputMask3() {
   };
   const renderInput = () => {
     return /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
+      tabIndex: disabled || isLoading ? -1 : 0,
+      readOnly: disabled || isLoading,
       name: name || fieldKey || id || testId || '',
       "data-testid": testId,
       className: "input-mask_input ".concat(className),
@@ -671,7 +673,8 @@ function InputMask3() {
         'input-mask_blink-error': blinkError
       }, {
         disabled: disabled || isLoading
-      })
+      }),
+      tabIndex: disabled || isLoading ? -1 : 0
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "\n            input-mask\n            ".concat(isError ? 'input-mask_error' : '', "\n            ").concat(isFocused ? 'input-mask_focus' : '', "\n            ").concat(blinkError ? 'input-mask_blink-error' : '', "\n          ")
     }, showHint && isHintLeft && renderHint(), isIconLeft && showIcon && renderIcon('left'), renderMask(), renderInput(), withHiddenMode && renderHideToggler(), isClearable && renderClearButton(), isIconRight && showIcon && renderIcon('right'), showHint && isHintRight && renderHint()), showErrors && errorMessage && /*#__PURE__*/_react.default.createElement("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelicoreact",
-  "version": "1.3.6",
+  "version": "1.3.8",
   "description": "",
   "main": "dist/index.js",
   "files": [