intelicoreact 1.1.31 → 1.1.32

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); }
 
@@ -60,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),
@@ -117,23 +123,32 @@ var InputWithAction = /*#__PURE__*/_react.default.forwardRef(function (props, re
   }, /*#__PURE__*/_react.default.createElement("div", {
     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("div", {
-    className: (0, _classnames.default)("".concat(RC, "__action-container")),
+    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();
-    }
-  }, /*#__PURE__*/_react.default.createElement("span", null, 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

@@ -32,15 +32,25 @@
 
     background-color: transparent;
 
-    &>span {
-      background-color: transparent;
-      cursor: pointer;
-      user-select: none
-    }
+
+  }
+
+  &__action-label {
+    background-color: transparent;
+    cursor: pointer;
+    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
   }
 
@@ -56,7 +66,7 @@
       background-color: #F7F8FA;
     }
   }
-  
+
   &__input-zone_disabled {
     opacity: 0.5;
     pointer-events: none;
@@ -92,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.31",
+  "version": "1.1.32",
   "description": "",
   "main": "dist/index.js",
   "files": [