intelicoreact 1.1.43 → 1.1.44

package/dist/Atomic/FormElements/Input/Input.js

@@ -9,14 +9,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -33,6 +33,8 @@ var IconsReactIcon = _interopRequireWildcard(require("react-icons/fa/index"));
 
 require("./Input.scss");
 
+var _DynamicIcon = _interopRequireDefault(require("../../UI/DynamicIcon/DynamicIcon"));
+
 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 || _typeof3(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; }
@@ -42,8 +44,6 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
-  var _objectObject;
-
   var _ref$autocomplete = _ref.autocomplete,
       autocomplete = _ref$autocomplete === void 0 ? 'off' : _ref$autocomplete,
       isSelect = _ref.isSelect,
@@ -75,9 +75,9 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       formatChars = _ref.formatChars,
       error = _ref.error,
       icon = _ref.icon,
-      iconKey = _ref.iconKey,
-      _ref$iconKeyProps = _ref.iconKeyProps,
-      iconKeyProps = _ref$iconKeyProps === void 0 ? {} : _ref$iconKeyProps,
+      iconDynamicKey = _ref.iconDynamicKey,
+      _ref$iconDynamicProps = _ref.iconDynamicProps,
+      iconDynamicProps = _ref$iconDynamicProps === void 0 ? {} : _ref$iconDynamicProps,
       symbolsLimit = _ref.symbolsLimit,
       blinkTime = _ref.blinkTime,
       _ref$isFocusDefault = _ref.isFocusDefault,
@@ -101,7 +101,9 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       fieldKey = _ref.fieldKey,
       id = _ref.id,
       key = _ref.key;
-  var IconComponent = iconKey && !icon ? IconsReactFeather[iconKey] || IconsReactIcon[iconKey] : null;
+  var DynamicIconComponent = iconDynamicKey && !icon ? /*#__PURE__*/_react.default.createElement(_DynamicIcon.default, (0, _extends2.default)({
+    iconKey: iconDynamicKey
+  }, iconDynamicProps)) : null;
   var DEFAULT_BLINK_TIME = 100; // STATES
 
   var _useState = (0, _react.useState)(false),
@@ -340,7 +342,7 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       if (isUseAutoSelect) inputRef.current.select();
       if (uniProps.onFocus) uniProps.onFocus.apply(uniProps, arguments);
     }
-  })), (_objectObject = /*#__PURE__*/_react.default.createElement(IconComponent, iconKeyProps)) !== null && _objectObject !== void 0 ? _objectObject : icon, action, withDelete && onInputHover && /*#__PURE__*/_react.default.createElement("span", {
+  })), DynamicIconComponent !== null && DynamicIconComponent !== void 0 ? DynamicIconComponent : icon, action, withDelete && onInputHover && /*#__PURE__*/_react.default.createElement("span", {
     "data-testid": "icon-close",
     className: (0, _classnames.default)("input__close", {
       hidden: !(0, _fieldValueFormatters.getSafelyValue)(value)

package/dist/Atomic/FormElements/InputMask2/InputMask2.js

@@ -11,12 +11,18 @@ exports.default = InputMask2;
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _react = _interopRequireWildcard(require("react"));
 
+var IconsReactFeather = _interopRequireWildcard(require("react-feather/dist/index"));
+
+var IconsReactIcon = _interopRequireWildcard(require("react-icons/fa/index"));
+
 var _reactFeather = require("react-feather");
 
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -25,7 +31,7 @@ var _Spinner = _interopRequireDefault(require("../../Layout/Spinner/Spinner"));
 
 var _Hint = _interopRequireDefault(require("../../UI/Hint/Hint"));
 
-var _index = require("../../../Constants/index.constants");
+var _index3 = require("../../../Constants/index.constants");
 
 var _config = require("./config");
 
@@ -35,6 +41,8 @@ var _utils = require("../../../Functions/utils");
 
 require("./InputMask2.scss");
 
+var _DynamicIcon = _interopRequireDefault(require("../../UI/DynamicIcon/DynamicIcon"));
+
 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; }
@@ -68,6 +76,9 @@ function InputMask2() {
       showIcon = _ref.showIcon,
       isIconLeft = _ref.isIconLeft,
       isIconRight = _ref.isIconRight,
+      iconDynamicKey = _ref.iconDynamicKey,
+      _ref$iconDynamicProps = _ref.iconDynamicProps,
+      iconDynamicProps = _ref$iconDynamicProps === void 0 ? {} : _ref$iconDynamicProps,
       value = _ref.value,
       _ref$blinkErrors = _ref.blinkErrors,
       blinkErrors = _ref$blinkErrors === void 0 ? true : _ref$blinkErrors,
@@ -148,6 +159,10 @@ function InputMask2() {
     return keyDownRef.current;
   };
 
+  var DynamicIconComponent = iconDynamicKey && !icon ? /*#__PURE__*/_react.default.createElement(_DynamicIcon.default, (0, _extends2.default)({
+    iconKey: iconDynamicKey
+  }, iconDynamicProps)) : null;
+
   var setCaret = function setCaret(caret) {
     if (caret < 0) caret = 0;
     var input = inputRef.current;
@@ -461,7 +476,7 @@ function InputMask2() {
         }
       } else if (inputValue.longerThan(value)) {
         switch (getKeyDown()) {
-          case _index.KEYBOARD_KEY_CODES.Backspace:
+          case _index3.KEYBOARD_KEY_CODES.Backspace:
             if (isSpecialSymbol(caretPos)) {
               (0, _utils.disableDefaultBehavior)(e);
             }
@@ -469,7 +484,7 @@ function InputMask2() {
             setCaret(caretPos);
             break;
 
-          case _index.KEYBOARD_KEY_CODES.Delete:
+          case _index3.KEYBOARD_KEY_CODES.Delete:
             if (isSpecialSymbol(caretPos)) {
               (0, _utils.disableDefaultBehavior)(e);
               setCaret(caretPos + 1);
@@ -718,13 +733,13 @@ function InputMask2() {
       side: hintPosition
     })), isIconLeft && showIcon && /*#__PURE__*/_react.default.createElement("div", {
       className: "input-mask_icon input-mask_icon--left"
-    }, icon), renderMask(), renderInput(), isClearable && /*#__PURE__*/_react.default.createElement("div", {
+    }, DynamicIconComponent !== null && DynamicIconComponent !== void 0 ? DynamicIconComponent : icon), renderMask(), renderInput(), isClearable && /*#__PURE__*/_react.default.createElement("div", {
       className: "input-mask_clear"
     }, /*#__PURE__*/_react.default.createElement(_reactFeather.X, {
       onClick: onClearClick
     })), isIconRight && showIcon && /*#__PURE__*/_react.default.createElement("div", {
       className: "input-mask_icon input-mask_icon--right"
-    }, icon), showHint && isHintRight && /*#__PURE__*/_react.default.createElement("div", {
+    }, DynamicIconComponent !== null && DynamicIconComponent !== void 0 ? DynamicIconComponent : icon), showHint && isHintRight && /*#__PURE__*/_react.default.createElement("div", {
       className: "input-mask_hint input-mask_hint--right"
     }, /*#__PURE__*/_react.default.createElement(_Hint.default, {
       hint: hintText,

package/dist/Atomic/UI/DynamicIcon/DynamicIcon.js

@@ -0,0 +1,75 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _excluded = ["iconKey"];
+
+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; }
+
+var DynamicIcon = function DynamicIcon(_ref) {
+  var iconKey = _ref.iconKey,
+      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  if (!iconKey) return null;
+
+  var _useState = (0, _react.useState)(null),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      Icon = _useState2[0],
+      setIcon = _useState2[1];
+
+  (0, _react.useEffect)(function () {
+    var fetchData = /*#__PURE__*/function () {
+      var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+        var FeatherIcons, iconComponent;
+        return _regenerator.default.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return Promise.resolve().then(function () {
+                  return _interopRequireWildcard(require('react-feather'));
+                });
+
+              case 2:
+                FeatherIcons = _context.sent;
+                iconComponent = FeatherIcons[iconKey];
+                setIcon(iconComponent);
+
+              case 5:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+
+      return function fetchData() {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+
+    fetchData();
+  }, []);
+  return Icon ? /*#__PURE__*/_react.default.createElement(Icon, props) : null;
+};
+
+var _default = DynamicIcon;
+exports.default = _default;

package/package.json

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