intelicoreact 1.1.30 → 1.1.32

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/FormattedRawSSN/FormattedRawSSN.js

@@ -25,7 +25,7 @@ var _Input = _interopRequireDefault(require("../Input/Input"));
 
 require("./FormattedRawSSN.scss");
 
-var _excluded = ["value", "onChange", "maskChar", "testId"];
+var _excluded = ["value", "onChange", "maskChar", "testId", "isHiddenDefault"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -39,6 +39,8 @@ var FormattedRawSSN = function FormattedRawSSN(_ref) {
       _ref$maskChar = _ref.maskChar,
       maskChar = _ref$maskChar === void 0 ? '*' : _ref$maskChar,
       testId = _ref.testId,
+      _ref$isHiddenDefault = _ref.isHiddenDefault,
+      isHiddenDefault = _ref$isHiddenDefault === void 0 ? true : _ref$isHiddenDefault,
       args = (0, _objectWithoutProperties2.default)(_ref, _excluded);
 
   var _useState = (0, _react.useState)(value !== null && value !== void 0 ? value : ''),
@@ -46,7 +48,7 @@ var FormattedRawSSN = function FormattedRawSSN(_ref) {
       SSN = _useState2[0],
       setSSN = _useState2[1];
 
-  var _useState3 = (0, _react.useState)(true),
+  var _useState3 = (0, _react.useState)(isHiddenDefault),
       _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
       isHidden = _useState4[0],
       setIsHidden = _useState4[1];

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

@@ -33,7 +33,7 @@ var _Spinner = _interopRequireDefault(require("../../Layout/Spinner/Spinner"));
 
 require("./InputWithAction.scss");
 
-var _excluded = ["className", "inputClassName", "isHideAction", "actionLabel", "doAction", "actionContent", "actionProps", "isNoChangeAfterAction", "isWithCopy", "copyLabel", "copy", "disabled", "isInputZoneDisabled", "isInputDisabled", "isLodaing", "onChange", "value"];
+var _excluded = ["className", "inputClassName", "isHideAction", "actionLabel", "doAction", "actionContent", "actionProps", "isNoChangeAfterAction", "isWithCopy", "copyLabel", "copy", "copyIcon", "isNoCopyIcon", "isCopyIconRight", "copyButtonVariant", "disabled", "isInputZoneDisabled", "isInputDisabled", "isLodaing", "onChange", "value", "testId"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -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,
@@ -58,12 +60,18 @@ var InputWithAction = /*#__PURE__*/_react.default.forwardRef(function (props, re
       _props$copyLabel = props.copyLabel,
       copyLabel = _props$copyLabel === void 0 ? 'Copy' : _props$copyLabel,
       _copy = props.copy,
+      copyIcon = props.copyIcon,
+      isNoCopyIcon = props.isNoCopyIcon,
+      isCopyIconRight = props.isCopyIconRight,
+      _props$copyButtonVari = props.copyButtonVariant,
+      copyButtonVariant = _props$copyButtonVari === void 0 ? 'dark-outline' : _props$copyButtonVari,
       disabled = props.disabled,
       isInputZoneDisabled = props.isInputZoneDisabled,
       isInputDisabled = props.isInputDisabled,
       isLodaing = props.isLodaing,
       onChange = props.onChange,
       value = props.value,
+      testId = props.testId,
       inputProps = (0, _objectWithoutProperties2.default)(props, _excluded);
 
   var _useState = (0, _react.useState)(false),
@@ -113,25 +121,34 @@ 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, {
+    testId: "".concat(testId, "-input"),
     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", {
-    className: (0, _classnames.default)("".concat(RC, "__action-container")),
+  })), !isHideAction && actionContent, !isHideAction && !actionContent && /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)("".concat(RC, "__action-container"))
+  }, /*#__PURE__*/_react.default.createElement("span", {
+    className: (0, _classnames.default)("".concat(RC, "__action-label")),
     onClick: function onClick() {
       return handle.doAction();
-    }
-  }, actionLabel), isLocalLoading && /*#__PURE__*/_react.default.createElement(_Spinner.default, {
+    },
+    testId: "".concat(testId, "-action-label")
+  }, actionLabel)), isLocalLoading && /*#__PURE__*/_react.default.createElement(_Spinner.default, {
     size: "small"
   })), isWithCopy && /*#__PURE__*/_react.default.createElement(_Button.default, {
+    testId: "".concat(testId, "-copy-button"),
     className: "".concat(RC, "__coppy-button"),
     onClick: function onClick() {
       return handle.copy();
-    }
+    },
+    icon: copyIcon,
+    noIcon: isNoCopyIcon,
+    isIconRight: isCopyIconRight,
+    variant: copyButtonVariant
   }, copyLabel));
 });
 

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,20 +22,70 @@
   }
 
   &__action-container {
+    height: 100%;
     margin-left: 8px;
+
+    display: flex;
+    flex-flow: row nowrap;
+    justify-content: center;
+    align-items: center;
+
+    background-color: transparent;
+
+
+  }
+
+  &__action-label {
+    background-color: transparent;
     cursor: pointer;
-    user-select: none
+    user-select: none;
+
+    font-family: 'Roboto';
+    font-style: normal;
+    font-weight: 400;
+    font-size: 13px;
+    line-height: 20px;
+    color: #6B81DD;
   }
 
   &__coppy-button {
-    margin-left: 8px;
+    width: 63px;
+    margin-left: 4px;
     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 {
@@ -52,8 +102,8 @@
   }
 
   .lds-ring_small {
-    width: 20px;
-    height: 20px;
+    width: 20px !important;;
+    height: 20px !important;;
 
     & div {
       border-width: 3px !important;

package/dist/Atomic/FormElements/Label/Label.js

@@ -22,6 +22,7 @@ var Label = function Label(_ref) {
       hint = _ref.hint,
       isRequired = _ref.isRequired,
       isLabelBolt = _ref.isLabelBolt,
+      onClickHintCallback = _ref.onClickHintCallback,
       _ref$error = _ref.error,
       error = _ref$error === void 0 ? null : _ref$error;
   return /*#__PURE__*/_react.default.createElement("span", {
@@ -34,7 +35,8 @@ var Label = function Label(_ref) {
   }, "*"), hint && /*#__PURE__*/_react.default.createElement(_Hint.default, {
     hint: hint.text,
     side: hint.hintSide,
-    className: "label-hint"
+    className: "label-hint",
+    onClickCallback: onClickHintCallback
   }));
 };
 

package/dist/Atomic/FormElements/SwitcherRange/SwitcherRange.js

@@ -40,7 +40,6 @@ var SwitcherRange = function SwitcherRange(_ref) {
       withZero = _ref.withZero,
       isPrice = _ref.isPrice,
       inputsType = _ref.inputsType;
-  console.log(validateErrors, 'switcher range validate error');
 
   var _useState = (0, _react.useState)(''),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),

package/dist/Atomic/UI/Hint/Hint.js

@@ -13,14 +13,14 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _reactDom = require("react-dom");
+
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _reactFeather = require("react-feather");
 
 require("./Hint.scss");
 
-var _reactDom = require("react-dom");
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -40,6 +40,7 @@ var Hint = function Hint(_ref) {
       variant = _ref$variant === void 0 ? 'filled' : _ref$variant,
       _ref$handleOpenType = _ref.handleOpenType,
       handleOpenType = _ref$handleOpenType === void 0 ? 'click' : _ref$handleOpenType,
+      onClickCallback = _ref.onClickCallback,
       key = _ref.key,
       id = _ref.id;
   var hintId = (_ref2 = key !== null && key !== void 0 ? key : id) !== null && _ref2 !== void 0 ? _ref2 : time;
@@ -50,7 +51,7 @@ var Hint = function Hint(_ref) {
       setIsOpen = _useState2[1];
 
   var hintRef = (0, _react.useRef)(null);
-  var windowHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
+  var isCallbackExist = typeof onClickCallback === 'function';
 
   var handleClickOutside = function handleClickOutside(event) {
     if (!getHintContainer().contains(event === null || event === void 0 ? void 0 : event.target)) {
@@ -127,7 +128,7 @@ var Hint = function Hint(_ref) {
   }, /*#__PURE__*/_react.default.createElement("button", {
     "data-testid": 'test-hint',
     onClick: function onClick() {
-      return handleOpenType === 'click' && setIsOpen(!isOpen);
+      return handleOpenType === 'click' && (isCallbackExist ? onClickCallback() : setIsOpen(!isOpen));
     },
     onMouseEnter: function onMouseEnter() {
       return handleOpenType === 'hover' && setIsOpen(!isOpen);

package/dist/Molecular/FormElement/FormElement.js

@@ -32,7 +32,8 @@ var FormElement = function FormElement(_ref) {
       hint = _ref.hint,
       isLabelBolt = _ref.isLabelBolt,
       isNoLabel = _ref.isNoLabel,
-      alert = _ref.alert;
+      alert = _ref.alert,
+      onClickHintCallback = _ref.onClickHintCallback;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(className, RC)
   }, label && !isNoLabel && /*#__PURE__*/_react.default.createElement(_Label.default, {
@@ -40,7 +41,8 @@ var FormElement = function FormElement(_ref) {
     label: label,
     hint: hint,
     isRequired: required,
-    isLabelBolt: isLabelBolt
+    isLabelBolt: isLabelBolt,
+    onClickHintCallback: onClickHintCallback
   }), children, error && /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)("".concat(RC, "__error"), (0, _defineProperty2.default)({}, "".concat(RC, "__error--with-alert"), alert))
   }, error), alert && /*#__PURE__*/_react.default.createElement(_Alert.default, (0, _extends2.default)({

package/package.json

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