intelicoreact 1.1.30 → 1.1.31

package/dist/Atomic/FormElements/Dropdown/Dropdown.js

@@ -44,7 +44,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 var RC = 'dropdown';
 
 var Dropdown = function Dropdown(_ref) {
-  var _options$find, _filteredOptions$find;
+  var _options$find, _window, _filteredOptions$find;
 
   var _ref$options = _ref.options,
       options = _ref$options === void 0 ? [] : _ref$options,
@@ -184,7 +184,7 @@ var Dropdown = function Dropdown(_ref) {
   var handleClickOutside = function handleClickOutside(event) {
     var _getListContainer;
 
-    if (!((_getListContainer = getListContainer()) !== null && _getListContainer !== void 0 && _getListContainer.contains(event.target))) {
+    if (!((_getListContainer = getListContainer()) !== null && _getListContainer !== void 0 && _getListContainer.contains(event === null || event === void 0 ? void 0 : event.target))) {
       setIsOpen(false);
     }
   };
@@ -403,10 +403,12 @@ var Dropdown = function Dropdown(_ref) {
   (0, _react.useLayoutEffect)(function () {
     window.addEventListener('resize', setListContainerStyles);
     window.addEventListener('mousewheel', closeList);
+    window.addEventListener('scroll', closeList);
     window.addEventListener('touchmove', closeList);
     return function () {
       window.removeEventListener('resize', setListContainerStyles);
       window.removeEventListener('mousewheel', closeList);
+      window.removeEventListener('scroll', closeList);
       window.removeEventListener('touchmove', closeList);
     };
   }, [getListContainer]);
@@ -433,6 +435,9 @@ var Dropdown = function Dropdown(_ref) {
       if (scrollReactionObj && (0, _typeof2.default)(scrollReactionObj) === 'object') removeEventListener('scroll', doScrollCallback);
     };
   }, [isOpen, dropdownListRef]);
+  (0, _react.useEffect)(function () {
+    closeList();
+  }, [(_window = window) === null || _window === void 0 ? void 0 : _window.scrollY]);
 
   var onKeyDown = function onKeyDown(e) {
     if (![9, 13].includes(e.keyCode)) return false;

package/dist/Atomic/FormElements/InputWithAction/InputWithAction.js

@@ -42,6 +42,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var RC = 'input-with-action';
 
 var InputWithAction = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _cn2;
+
   var className = props.className,
       inputClassName = props.inputClassName,
       _props$isHideAction = props.isHideAction,
@@ -113,19 +115,19 @@ var InputWithAction = /*#__PURE__*/_react.default.forwardRef(function (props, re
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(RC, className, (0, _defineProperty2.default)({}, "".concat(RC, "_disabled"), disabled))
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("".concat(RC, "__input-zone"), (0, _defineProperty2.default)({}, "".concat(RC, "__input-zone_disabled"), isInputZoneDisabled))
+    className: (0, _classnames.default)("".concat(RC, "__input-zone"), (_cn2 = {}, (0, _defineProperty2.default)(_cn2, "".concat(RC, "__input-zone_disabled"), isInputZoneDisabled), (0, _defineProperty2.default)(_cn2, "".concat(RC, "__input-zone_input-disabled"), isInputDisabled), _cn2))
   }, /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({}, inputProps, {
     ref: ref,
     value: value,
     disabled: isInputDisabled,
     onChange: onChange,
     className: (0, _classnames.default)("".concat(RC, "__input"), inputClassName)
-  })), !isHideAction && actionContent, !isHideAction && !actionContent && /*#__PURE__*/_react.default.createElement("span", {
+  })), !isHideAction && actionContent, !isHideAction && !actionContent && /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("".concat(RC, "__action-container")),
     onClick: function onClick() {
       return handle.doAction();
     }
-  }, actionLabel), isLocalLoading && /*#__PURE__*/_react.default.createElement(_Spinner.default, {
+  }, /*#__PURE__*/_react.default.createElement("span", null, actionLabel)), isLocalLoading && /*#__PURE__*/_react.default.createElement(_Spinner.default, {
     size: "small"
   })), isWithCopy && /*#__PURE__*/_react.default.createElement(_Button.default, {
     className: "".concat(RC, "__coppy-button"),

package/dist/Atomic/FormElements/InputWithAction/InputWithAction.scss

@@ -5,7 +5,7 @@
   display: flex;
   flex-flow: row nowrap;
   justify-content: flex-start;
-  align-items: center;
+  align-items: stretch;
 
   &__input-zone {
     flex-grow: 1;
@@ -22,9 +22,21 @@
   }
 
   &__action-container {
+    height: 100%;
     margin-left: 8px;
-    cursor: pointer;
-    user-select: none
+
+    display: flex;
+    flex-flow: row nowrap;
+    justify-content: center;
+    align-items: center;
+
+    background-color: transparent;
+
+    &>span {
+      background-color: transparent;
+      cursor: pointer;
+      user-select: none
+    }
   }
 
   &__coppy-button {
@@ -32,10 +44,38 @@
     user-select: none
   }
 
-  &_disabled,
+  &_disabled {
+    opacity: 0.5;
+    pointer-events: none;
+
+    .input-with-action__input-zone {
+      background-color: #F7F8FA;
+    }
+
+    .input__wrap {
+      background-color: #F7F8FA;
+    }
+  }
+  
   &__input-zone_disabled {
     opacity: 0.5;
     pointer-events: none;
+    background-color: #F7F8FA;
+
+    .input__wrap {
+      background-color: #F7F8FA;
+    }
+  }
+
+  &__input-zone_input-disabled {
+    background-color: #F7F8FA;
+    
+    .input-with-action__action-container {
+      background-color: rgba(#F7F8FA, 0.5);
+    }
+    .input__wrap {
+      background-color: #F7F8FA;
+    }
   }
 
   .input__wrap {

package/package.json

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