intelicoreact 1.5.33 → 1.5.35

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

@@ -1,184 +1,259 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.useToggle = exports.useClickOutside = exports.getIsDateValid = exports.getActualDateRange = exports.MAIN_TIME_FORMAT = exports.MAIN_FORMAT = exports.MAIN_DATE_FORMAT = exports.INTERVALS = exports.CUSTOM_INTERVAL_KEY_TEXT = exports.CUSTOM_INTERVAL_KEY = exports.ALL_TIME_KEY = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const getIsDateValid = date => (0, _momentTimezone.default)(date).isValid();
-exports.getIsDateValid = getIsDateValid;
-const useClickOutside = (hideComponent, additionalComponent) => {
-  const ref = (0, _react.useRef)(null);
-  const checkCondition = target => {
-    if (additionalComponent && additionalComponent !== null && additionalComponent !== void 0 && additionalComponent.length) {
-      var _ref$current, _Array$from;
-      return !((_ref$current = ref.current) !== null && _ref$current !== void 0 && _ref$current.contains(target)) && !((_Array$from = Array.from(additionalComponent)) !== null && _Array$from !== void 0 && _Array$from.some(item => item === null || item === void 0 ? void 0 : item.contains(target)));
-    } else {
-      var _ref$current2;
-      return !((_ref$current2 = ref.current) !== null && _ref$current2 !== void 0 && _ref$current2.contains(target));
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    ALL_TIME_KEY: function() {
+        return ALL_TIME_KEY;
+    },
+    CUSTOM_INTERVAL_KEY: function() {
+        return CUSTOM_INTERVAL_KEY;
+    },
+    CUSTOM_INTERVAL_KEY_TEXT: function() {
+        return CUSTOM_INTERVAL_KEY_TEXT;
+    },
+    INTERVALS: function() {
+        return INTERVALS;
+    },
+    MAIN_DATE_FORMAT: function() {
+        return MAIN_DATE_FORMAT;
+    },
+    MAIN_FORMAT: function() {
+        return MAIN_FORMAT;
+    },
+    MAIN_TIME_FORMAT: function() {
+        return MAIN_TIME_FORMAT;
+    },
+    getActualDateRange: function() {
+        return getActualDateRange;
+    },
+    getIsDateValid: function() {
+        return getIsDateValid;
+    },
+    useClickOutside: function() {
+        return useClickOutside;
+    },
+    useToggle: function() {
+        return useToggle;
     }
-  };
-  const handleClickOutside = (0, _react.useCallback)(_ref => {
-    let {
-      target
-    } = _ref;
-    if (checkCondition(target)) hideComponent();
-  }, [hideComponent]);
-  (0, _react.useEffect)(() => {
-    document.addEventListener("mousedown", handleClickOutside, true);
-    return () => {
-      document.removeEventListener("mousedown", handleClickOutside, true);
+});
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _momenttimezone = /*#__PURE__*/ _interop_require_default(require("moment-timezone"));
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(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 = {
+        __proto__: null
+    };
+    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;
+}
+const getIsDateValid = (date)=>(0, _momenttimezone.default)(date).isValid();
+const useClickOutside = (hideComponent, additionalComponent)=>{
+    const ref = (0, _react.useRef)(null);
+    const checkCondition = (target)=>{
+        if (additionalComponent && (additionalComponent === null || additionalComponent === void 0 ? void 0 : additionalComponent.length)) {
+            var _ref_current, _Array_from;
+            return !((_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.contains(target)) && !((_Array_from = Array.from(additionalComponent)) === null || _Array_from === void 0 ? void 0 : _Array_from.some((item)=>item === null || item === void 0 ? void 0 : item.contains(target)));
+        } else {
+            var _ref_current1;
+            return !((_ref_current1 = ref.current) === null || _ref_current1 === void 0 ? void 0 : _ref_current1.contains(target));
+        }
     };
-  }, []);
-  return ref;
+    const handleClickOutside = (0, _react.useCallback)(({ target })=>{
+        if (checkCondition(target)) hideComponent();
+    }, [
+        hideComponent
+    ]);
+    (0, _react.useEffect)(()=>{
+        document.addEventListener("mousedown", handleClickOutside, true);
+        return ()=>{
+            document.removeEventListener("mousedown", handleClickOutside, true);
+        };
+    }, []);
+    return ref;
 };
-exports.useClickOutside = useClickOutside;
-const useToggle = initialState => {
-  const [isToggled, setToggle] = (0, _react.useState)(Boolean(initialState));
-  const toggle = (0, _react.useCallback)(() => setToggle(isOn => !isOn), []);
-  const toggleOn = (0, _react.useCallback)(() => setToggle(true), []);
-  const toggleOff = (0, _react.useCallback)(() => setToggle(false), []);
-  return {
-    isToggled,
-    toggle,
-    toggleOn,
-    toggleOff
-  };
+const useToggle = (initialState)=>{
+    const [isToggled, setToggle] = (0, _react.useState)(Boolean(initialState));
+    const toggle = (0, _react.useCallback)(()=>setToggle((isOn)=>!isOn), []);
+    const toggleOn = (0, _react.useCallback)(()=>setToggle(true), []);
+    const toggleOff = (0, _react.useCallback)(()=>setToggle(false), []);
+    return {
+        isToggled,
+        toggle,
+        toggleOn,
+        toggleOff
+    };
 };
-exports.useToggle = useToggle;
-const INTERVALS = exports.INTERVALS = {
-  today: {
-    label: "today",
-    start: () => (0, _momentTimezone.default)().startOf("day"),
-    end: () => (0, _momentTimezone.default)().add(1, "day").startOf("day")
-  },
-  yesterday: {
-    label: "yesterday",
-    start: () => (0, _momentTimezone.default)().subtract(1, "day").startOf("day"),
-    end: () => (0, _momentTimezone.default)().startOf("day")
-  },
-  thisWeek: {
-    label: "This Week",
-    start: () => (0, _momentTimezone.default)().startOf("week"),
-    end: () => (0, _momentTimezone.default)().add(1, "day").startOf("day")
-  },
-  lastWeek: {
-    label: "Last Week",
-    start: () => (0, _momentTimezone.default)().subtract(1, "week").startOf("week"),
-    end: () => (0, _momentTimezone.default)().startOf("week")
-  },
-  last7Days: {
-    label: "Last 7 Days",
-    start: () => (0, _momentTimezone.default)().subtract(6, "day").startOf("day"),
-    end: () => (0, _momentTimezone.default)().add(1, "day").startOf("day")
-  },
-  last14Days: {
-    label: "Last 14 Days",
-    start: () => (0, _momentTimezone.default)().subtract(13, "day").startOf("day"),
-    end: () => (0, _momentTimezone.default)().add(1, "day").startOf("day")
-  },
-  last30Days: {
-    label: "Last 30 Days",
-    start: () => (0, _momentTimezone.default)().subtract(29, "day").startOf("day"),
-    end: () => (0, _momentTimezone.default)().add(1, "day").startOf("day")
-  },
-  thisMonth: {
-    label: "This Month",
-    start: () => (0, _momentTimezone.default)().startOf("month"),
-    end: () => (0, _momentTimezone.default)().add(1, "day").startOf("day")
-  },
-  lastMonth: {
-    label: "Last Month",
-    start: () => (0, _momentTimezone.default)().subtract(1, "month").startOf("month"),
-    end: () => (0, _momentTimezone.default)().startOf("month")
-  },
-  last6Months: {
-    label: "Last 6 Months",
-    start: () => (0, _momentTimezone.default)().subtract(6, "month").startOf("month"),
-    end: () => (0, _momentTimezone.default)().startOf("month")
-  },
-  sixMonths: {
-    label: "6 Months",
-    isHidden: true,
-    start: () => (0, _momentTimezone.default)().subtract(6, "month"),
-    end: () => (0, _momentTimezone.default)().add(1, "day").startOf("day")
-  },
-  thisYear: {
-    label: "This Year",
-    start: () => (0, _momentTimezone.default)().startOf("year"),
-    end: () => (0, _momentTimezone.default)().add(1, "day").startOf("day")
-  },
-  year: {
-    label: "Year",
-    isHidden: true,
-    start: () => (0, _momentTimezone.default)().subtract(1, "year"),
-    end: () => (0, _momentTimezone.default)().add(1, "day").startOf("day")
-  },
-  lastYear: {
-    label: "Last Year",
-    start: () => (0, _momentTimezone.default)().subtract(1, "year").startOf("year"),
-    end: () => (0, _momentTimezone.default)().startOf("year")
-  },
-  allTime: {
-    label: "All Time",
-    start: () => (0, _momentTimezone.default)("2022-01-01T00:00:00"),
-    end: () => (0, _momentTimezone.default)()
-    // start: () => null,
-    // end: () => null,
-  }
+const INTERVALS = {
+    today: {
+        label: "today",
+        start: ()=>(0, _momenttimezone.default)().startOf("day"),
+        end: ()=>(0, _momenttimezone.default)().add(1, "day").startOf("day")
+    },
+    yesterday: {
+        label: "yesterday",
+        start: ()=>(0, _momenttimezone.default)().subtract(1, "day").startOf("day"),
+        end: ()=>(0, _momenttimezone.default)().startOf("day")
+    },
+    thisWeek: {
+        label: "This Week",
+        start: ()=>(0, _momenttimezone.default)().startOf("week"),
+        end: ()=>(0, _momenttimezone.default)().add(1, "day").startOf("day")
+    },
+    lastWeek: {
+        label: "Last Week",
+        start: ()=>(0, _momenttimezone.default)().subtract(1, "week").startOf("week"),
+        end: ()=>(0, _momenttimezone.default)().startOf("week")
+    },
+    last7Days: {
+        label: "Last 7 Days",
+        start: ()=>(0, _momenttimezone.default)().subtract(6, "day").startOf("day"),
+        end: ()=>(0, _momenttimezone.default)().add(1, "day").startOf("day")
+    },
+    last14Days: {
+        label: "Last 14 Days",
+        start: ()=>(0, _momenttimezone.default)().subtract(13, "day").startOf("day"),
+        end: ()=>(0, _momenttimezone.default)().add(1, "day").startOf("day")
+    },
+    last30Days: {
+        label: "Last 30 Days",
+        start: ()=>(0, _momenttimezone.default)().subtract(29, "day").startOf("day"),
+        end: ()=>(0, _momenttimezone.default)().add(1, "day").startOf("day")
+    },
+    thisMonth: {
+        label: "This Month",
+        start: ()=>(0, _momenttimezone.default)().startOf("month"),
+        end: ()=>(0, _momenttimezone.default)().add(1, "day").startOf("day")
+    },
+    lastMonth: {
+        label: "Last Month",
+        start: ()=>(0, _momenttimezone.default)().subtract(1, "month").startOf("month"),
+        end: ()=>(0, _momenttimezone.default)().startOf("month")
+    },
+    last6Months: {
+        label: "Last 6 Months",
+        start: ()=>(0, _momenttimezone.default)().subtract(6, "month").startOf("month"),
+        end: ()=>(0, _momenttimezone.default)().startOf("month")
+    },
+    sixMonths: {
+        label: "6 Months",
+        isHidden: true,
+        start: ()=>(0, _momenttimezone.default)().subtract(6, "month"),
+        end: ()=>(0, _momenttimezone.default)().add(1, "day").startOf("day")
+    },
+    thisYear: {
+        label: "This Year",
+        start: ()=>(0, _momenttimezone.default)().startOf("year"),
+        end: ()=>(0, _momenttimezone.default)().add(1, "day").startOf("day")
+    },
+    year: {
+        label: "Year",
+        isHidden: true,
+        start: ()=>(0, _momenttimezone.default)().subtract(1, "year"),
+        end: ()=>(0, _momenttimezone.default)().add(1, "day").startOf("day")
+    },
+    lastYear: {
+        label: "Last Year",
+        start: ()=>(0, _momenttimezone.default)().subtract(1, "year").startOf("year"),
+        end: ()=>(0, _momenttimezone.default)().startOf("year")
+    },
+    allTime: {
+        label: "All Time",
+        start: ()=>(0, _momenttimezone.default)("2022-01-01T00:00:00"),
+        end: ()=>(0, _momenttimezone.default)()
+    }
 };
-const ALL_TIME_KEY = exports.ALL_TIME_KEY = "allTime";
-const CUSTOM_INTERVAL_KEY = exports.CUSTOM_INTERVAL_KEY = "customDate";
-const CUSTOM_INTERVAL_KEY_TEXT = exports.CUSTOM_INTERVAL_KEY_TEXT = "Custom Date";
-const MAIN_FORMAT = exports.MAIN_FORMAT = "YYYY-MM-DDTHH:mm";
-const MAIN_DATE_FORMAT = exports.MAIN_DATE_FORMAT = "YYYY-MM-DD";
-const MAIN_TIME_FORMAT = exports.MAIN_TIME_FORMAT = "HH:mm";
-const getActualDateRange = inputDateRange => {
-  const getActualIntervalKey = () => {
-    if (inputDateRange.intervalKey && Object.keys(INTERVALS).includes(inputDateRange.intervalKey)) {
-      return inputDateRange.intervalKey;
-    } else if (inputDateRange.start && inputDateRange.end) {
-      for (const [key, interval] of Object.entries(INTERVALS)) {
-        if ((0, _momentTimezone.default)(inputDateRange.start).isSame(interval.start()) && (0, _momentTimezone.default)(inputDateRange.end).isSame(interval.end())) {
-          return key;
+const ALL_TIME_KEY = "allTime";
+const CUSTOM_INTERVAL_KEY = "customDate";
+const CUSTOM_INTERVAL_KEY_TEXT = "Custom Date";
+const MAIN_FORMAT = "YYYY-MM-DDTHH:mm";
+const MAIN_DATE_FORMAT = "YYYY-MM-DD";
+const MAIN_TIME_FORMAT = "HH:mm";
+const getActualDateRange = (inputDateRange)=>{
+    const getActualIntervalKey = ()=>{
+        if (inputDateRange.intervalKey && Object.keys(INTERVALS).includes(inputDateRange.intervalKey)) {
+            return inputDateRange.intervalKey;
+        } else if (inputDateRange.start && inputDateRange.end) {
+            for (const [key, interval] of Object.entries(INTERVALS)){
+                if ((0, _momenttimezone.default)(inputDateRange.start).isSame(interval.start()) && (0, _momenttimezone.default)(inputDateRange.end).isSame(interval.end())) {
+                    return key;
+                }
+            }
+            return CUSTOM_INTERVAL_KEY;
         }
-      }
-      return CUSTOM_INTERVAL_KEY;
-    }
-    return ALL_TIME_KEY;
-  };
-  const getIntervalDate = intervalKey => {
-    var _INTERVALS$intervalKe, _INTERVALS$intervalKe2;
-    if (intervalKey === ALL_TIME_KEY || intervalKey === CUSTOM_INTERVAL_KEY) return {
-      start: null,
-      end: null,
-      compare: inputDateRange.compare,
-      startPrevDate: null,
-      endPrevDate: null
+        return ALL_TIME_KEY;
+    };
+    const getIntervalDate = (intervalKey)=>{
+        var _INTERVALS_intervalKey_start, _INTERVALS_intervalKey, _INTERVALS_intervalKey_end, _INTERVALS_intervalKey1;
+        if (intervalKey === ALL_TIME_KEY || intervalKey === CUSTOM_INTERVAL_KEY) return {
+            start: null,
+            end: null,
+            compare: inputDateRange.compare,
+            startPrevDate: null,
+            endPrevDate: null
+        };
+        const actualValues = {
+            start: (_INTERVALS_intervalKey = INTERVALS[intervalKey]) === null || _INTERVALS_intervalKey === void 0 ? void 0 : (_INTERVALS_intervalKey_start = _INTERVALS_intervalKey.start()) === null || _INTERVALS_intervalKey_start === void 0 ? void 0 : _INTERVALS_intervalKey_start.format(MAIN_FORMAT),
+            end: (_INTERVALS_intervalKey1 = INTERVALS[intervalKey]) === null || _INTERVALS_intervalKey1 === void 0 ? void 0 : (_INTERVALS_intervalKey_end = _INTERVALS_intervalKey1.end()) === null || _INTERVALS_intervalKey_end === void 0 ? void 0 : _INTERVALS_intervalKey_end.format(MAIN_FORMAT),
+            compare: inputDateRange.compare
+        };
+        if (actualValues.compare) {
+            const intervalHoursCount = (0, _momenttimezone.default)(actualValues.end).diff(actualValues.start, "hours");
+            actualValues.startPrevDate = (0, _momenttimezone.default)(actualValues.start).subtract(intervalHoursCount, "hours").toDate();
+            actualValues.endPrevDate = actualValues.start;
+        }
+        return actualValues;
     };
-    const actualValues = {
-      start: (_INTERVALS$intervalKe = INTERVALS[intervalKey]) === null || _INTERVALS$intervalKe === void 0 || (_INTERVALS$intervalKe = _INTERVALS$intervalKe.start()) === null || _INTERVALS$intervalKe === void 0 ? void 0 : _INTERVALS$intervalKe.format(MAIN_FORMAT),
-      end: (_INTERVALS$intervalKe2 = INTERVALS[intervalKey]) === null || _INTERVALS$intervalKe2 === void 0 || (_INTERVALS$intervalKe2 = _INTERVALS$intervalKe2.end()) === null || _INTERVALS$intervalKe2 === void 0 ? void 0 : _INTERVALS$intervalKe2.format(MAIN_FORMAT),
-      compare: inputDateRange.compare
+    const interval = getActualIntervalKey();
+    return interval !== CUSTOM_INTERVAL_KEY && interval !== ALL_TIME_KEY ? {
+        intervalKey: interval,
+        ...getIntervalDate(interval)
+    } : {
+        ...inputDateRange,
+        intervalKey: interval
     };
-    if (actualValues.compare) {
-      const intervalHoursCount = (0, _momentTimezone.default)(actualValues.end).diff(actualValues.start, "hours");
-      actualValues.startPrevDate = (0, _momentTimezone.default)(actualValues.start).subtract(intervalHoursCount, "hours").toDate();
-      actualValues.endPrevDate = actualValues.start;
-    }
-    return actualValues;
-  };
-  const interval = getActualIntervalKey();
-  return interval !== CUSTOM_INTERVAL_KEY && interval !== ALL_TIME_KEY ? {
-    intervalKey: interval,
-    ...getIntervalDate(interval)
-  } : {
-    ...inputDateRange,
-    intervalKey: interval
-  };
 };
-exports.getActualDateRange = getActualDateRange;

package/dist/Atomic/FormElements/InputLink/InputLink.js

@@ -1,79 +1,124 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _reactFeather = require("react-feather");
-var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
-var _Input = _interopRequireDefault(require("../Input/Input"));
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _reactfeather = require("react-feather");
+const _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
+const _Input = /*#__PURE__*/ _interop_require_default(require("../Input/Input"));
 require("./InputLink.scss");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const InputColor = _ref => {
-  let {
-    icon,
-    value,
-    withHttpsPrefix = {
-      isTurnOn: true,
-      isSecure: true
-    },
-    onRedirect,
-    testId = "",
-    onChange,
-    withDelete,
-    ...args
-  } = _ref;
-  const {
-    isSecure,
-    isTurnOn: isPrefix
-  } = withHttpsPrefix || {};
-  const inputRef = (0, _react.useRef)(null);
-  const handle = {
-    redirect: () => {
-      window.open("http".concat(isSecure ? "s" : "", "://").concat(value.replace(/https?:\/\/?/g, "")), "_blank");
-      onRedirect === null || onRedirect === void 0 || onRedirect();
-    },
-    change: e => {
-      var _inputRef$current;
-      let inputValue = e !== null && e !== void 0 && e.target ? (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(e.target.value) : (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(e);
-      let cursorPosition = (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.selectionStart;
-      if (isSecure && cursorPosition <= 8 || !isSecure && cursorPosition <= 7) {
-        cursorPosition++;
-      }
-      setTimeout(() => {
-        var _inputRef$current2;
-        (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.setSelectionRange(cursorPosition, cursorPosition);
-      }, 0);
-      if (isPrefix) inputValue = (0, _fieldValueFormatters.formatToReplaceAllWhiteSpace)(inputValue.replace(/https?:\/\/?/g, ""));
-      onChange === null || onChange === void 0 || onChange(inputValue.toString());
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(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 = {
+        __proto__: null
+    };
+    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 /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("inputLink", {
-      "inputLink--withDelete": withDelete && value && value.length > 0
-    })
-  }, isPrefix && /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("inputColor__prefix")
-  }, isSecure && (value === null || value === void 0 ? void 0 : value.length) > 0 && "https://", !isSecure && (value === null || value === void 0 ? void 0 : value.length) > 0 && "http://"), /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({}, args, {
-    withDelete: withDelete,
-    value: value,
-    onChange: handle.change,
-    testId: "inputLink--key-".concat(testId),
-    type: "text",
-    autoComplete: "url",
-    ref: inputRef,
-    className: (0, _classnames.default)({
-      "prefix-gutter--secured": isPrefix && isSecure && (value === null || value === void 0 ? void 0 : value.length) > 0,
-      "prefix-gutter--no-secured": isPrefix && !isSecure && (value === null || value === void 0 ? void 0 : value.length) > 0
-    })
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    onClick: () => handle.redirect(),
-    className: (0, _classnames.default)("inputLink__icon pointer")
-  }, value && (icon || /*#__PURE__*/_react.default.createElement(_reactFeather.ExternalLink, null))));
+    return newObj;
+}
+const InputColor = ({ icon, value, withHttpsPrefix = {
+    isTurnOn: true,
+    isSecure: true
+}, onRedirect, testId = "", onChange, withDelete, ...args })=>{
+    const { isSecure, isTurnOn: isPrefix } = withHttpsPrefix || {};
+    const inputRef = (0, _react.useRef)(null);
+    const handle = {
+        redirect: ()=>{
+            window.open(`http${isSecure ? "s" : ""}://${value.replace(/https?:\/\/?/g, "")}`, "_blank");
+            onRedirect === null || onRedirect === void 0 ? void 0 : onRedirect();
+        },
+        change: (e)=>{
+            var _inputRef_current;
+            let inputValue = (e === null || e === void 0 ? void 0 : e.target) ? (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(e.target.value) : (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(e);
+            let cursorPosition = (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.selectionStart;
+            if (isSecure && cursorPosition <= 8 || !isSecure && cursorPosition <= 7) {
+                cursorPosition++;
+            }
+            setTimeout(()=>{
+                var _inputRef_current;
+                (_inputRef_current = inputRef.current) === null || _inputRef_current === void 0 ? void 0 : _inputRef_current.setSelectionRange(cursorPosition, cursorPosition);
+            }, 0);
+            if (isPrefix) inputValue = (0, _fieldValueFormatters.formatToReplaceAllWhiteSpace)(inputValue.replace(/https?:\/\/?/g, ""));
+            onChange === null || onChange === void 0 ? void 0 : onChange(inputValue.toString());
+        }
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        className: (0, _classnames.default)("inputLink", {
+            "inputLink--withDelete": withDelete && value && value.length > 0
+        }),
+        children: [
+            isPrefix && /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: (0, _classnames.default)("inputColor__prefix"),
+                children: [
+                    isSecure && (value === null || value === void 0 ? void 0 : value.length) > 0 && "https://",
+                    !isSecure && (value === null || value === void 0 ? void 0 : value.length) > 0 && "http://"
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
+                ...args,
+                withDelete: withDelete,
+                value: value,
+                onChange: handle.change,
+                testId: `inputLink--key-${testId}`,
+                type: "text",
+                autoComplete: "url",
+                ref: inputRef,
+                className: (0, _classnames.default)({
+                    "prefix-gutter--secured": isPrefix && isSecure && (value === null || value === void 0 ? void 0 : value.length) > 0,
+                    "prefix-gutter--no-secured": isPrefix && !isSecure && (value === null || value === void 0 ? void 0 : value.length) > 0
+                })
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                onClick: ()=>handle.redirect(),
+                className: (0, _classnames.default)("inputLink__icon pointer"),
+                children: value && (icon || /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ExternalLink, {}))
+            })
+        ]
+    });
 };
-var _default = exports.default = InputColor;
+const _default = InputColor;