@xaypay/tui 0.2.6 → 0.2.8

package/dist/index.js

@@ -47,10 +47,12 @@ function rng() {
   if (!getRandomValues) {
     // getRandomValues needs to be invoked in a context where "this" is a Crypto implementation.
     getRandomValues = typeof crypto !== 'undefined' && crypto.getRandomValues && crypto.getRandomValues.bind(crypto);
+
     if (!getRandomValues) {
       throw new Error('crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported');
     }
   }
+
   return getRandomValues(rnds8);
 }
 
@@ -60,9 +62,11 @@ function rng() {
  */
 
 const byteToHex = [];
+
 for (let i = 0; i < 256; ++i) {
   byteToHex.push((i + 0x100).toString(16).slice(1));
 }
+
 function unsafeStringify(arr, offset = 0) {
   // Note: Be careful editing this code!  It's been tuned for performance
   // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
@@ -78,6 +82,7 @@ function v4(options, buf, offset) {
   if (native.randomUUID && !buf && !options) {
     return native.randomUUID();
   }
+
   options = options || {};
   const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
 
@@ -86,27 +91,25 @@ function v4(options, buf, offset) {
 
   if (buf) {
     offset = offset || 0;
+
     for (let i = 0; i < 16; ++i) {
       buf[offset + i] = rnds[i];
     }
+
     return buf;
   }
+
   return unsafeStringify(rnds);
 }
 
 function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
-    return target;
-  };
-  return _extends.apply(this, arguments);
+    return n;
+  }, _extends.apply(null, arguments);
 }
 
 const SvgHeic = ({
@@ -1253,9 +1256,6 @@ async function getProps() {
 }
 
 var configStylesPromise = getProps();
-const hasOwnerProperty$1 = (object, property) => {
-  return Object.prototype.hasOwnProperty.call(object, property);
-};
 
 const Button = ({
   icon,
@@ -2282,15 +2282,98 @@ SingleCheckbox.propTypes = {
   ignoreDisabledForChecked: PropTypes__default["default"].bool
 };
 
-function styleInject(css, ref) {
-  if (ref === void 0) ref = {};
-  var insertAt = ref.insertAt;
-  if (!css || typeof document === 'undefined') {
+const hasOwnerProperty = (object, property) => {
+  return Object.prototype.hasOwnProperty.call(object, property);
+};
+const handleUtilsMouseEnterLeave = (e, behaviourStyle) => {
+  if (typeof behaviourStyle !== 'object' || behaviourStyle === null || behaviourStyle === undefined) {
+    alert('Please set a second param of handleUtilsMouseEnter function as valid object');
     return;
   }
+  if (!hasOwnerProperty(e, 'target')) {
+    alert('Please set a valid object like DOM event');
+    return;
+  }
+  const existStyle = e.target.style;
+  if (typeof existStyle !== 'object' || existStyle === null) {
+    alert('Please set a valid style object in DOM event tergat');
+    return;
+  }
+  for (const property in behaviourStyle) {
+    if (existStyle[property]) {
+      existStyle[property] = behaviourStyle[property];
+    }
+  }
+};
+const handleUtilsCheckTypeTel = (val, prevVal) => {
+  const phoneNumberRegex = /^\d{0,8}$/;
+  if (!phoneNumberRegex.test(val)) {
+    val = prevVal;
+  }
+  return val;
+};
+const handleUtilsCheckTypeNumber = (val, prevVal, maxLength, floatToFix, maxNumSize, withoutDot, innerMinNumSize) => {
+  if (maxLength && maxLength > 0) {
+    if (val.length > maxLength) {
+      val = val.substr(0, maxLength);
+    }
+  } else {
+    const regNum = floatToFix && floatToFix >= 0 ? /^\d+(\.)?(\d+)?$/ : /^\d+$/;
+    if (val.length > 16 && !val.includes('.')) {
+      val = val.substr(0, 16);
+    }
+    if (val < Number.MIN_SAFE_INTEGER || val > Number.MAX_SAFE_INTEGER || innerMinNumSize && val < innerMinNumSize || maxNumSize && val > maxNumSize) {
+      val = prevVal;
+    }
+    const floatNumParts = typeof val === 'string' ? val.split('.') : val;
+    const int = floatNumParts[0];
+    const float = floatNumParts[1];
+    if (floatToFix > 0) {
+      if (float && float.length > 0) {
+        let floatResult = '';
+        [...float].map((item, index) => {
+          if (index + 1 <= floatToFix) {
+            floatResult += item;
+          }
+        });
+        floatResult !== '' ? val = `${int}.${floatResult}` : val = `${int}`;
+      }
+    } else {
+      if (floatNumParts && floatNumParts.length > 0 && floatToFix === 0) {
+        val = `${int}`;
+      }
+    }
+    if (!regNum.test(val)) {
+      const newStr = val.replace(/[^0-9.]/g, '').replace(/^([^.]*\.)(.*)$/, function (_, b, c) {
+        return b + c.replace(/\./g, '');
+      });
+      val = newStr;
+    }
+  }
+  if (withoutDot && !/^\d+$/.test(val)) {
+    const newStr = val.replace(/[^0-9]/g, '').replace(/^([^.]*\.)(.*)$/, function (_, b, c) {
+      return b + c.replace(/\./g, '');
+    });
+    val = newStr;
+  }
+  return val;
+};
+const handleUtilsOpenInNewTab = url => {
+  const imageLink = document.createElement('a');
+  imageLink.href = url, imageLink.target = '_blank';
+  imageLink.click();
+};
+
+function styleInject(css, ref) {
+  if ( ref === void 0 ) ref = {};
+  var insertAt = ref.insertAt;
+
+  if (!css || typeof document === 'undefined') { return; }
+
   var head = document.head || document.getElementsByTagName('head')[0];
   var style = document.createElement('style');
   style.type = 'text/css';
+
   if (insertAt === 'top') {
     if (head.firstChild) {
       head.insertBefore(style, head.firstChild);
@@ -2300,6 +2383,7 @@ function styleInject(css, ref) {
   } else {
     head.appendChild(style);
   }
+
   if (style.styleSheet) {
     style.styleSheet.cssText = css;
   } else {
@@ -2307,7 +2391,7 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z$a = ".table-module_sorting-arrows__BaN-G:after{content:\"▲\";font-size:11px;position:absolute;right:0;top:calc(50% - 12px)}.table-module_sorting-arrows__BaN-G:before{bottom:calc(50% - 12px);content:\"▼\";font-size:11px;position:absolute;right:0}.table-module_td-span__XHo6k{display:inline-block;position:relative}.table-module_td-span__XHo6k>svg{left:0;position:absolute;top:0;z-index:-1}.table-module_list-text__kmKIq{cursor:pointer;margin:0 0 8px;white-space:wrap}.table-module_dots-option-item__jNOxO{box-sizing:border-box;cursor:pointer;display:flex;height:39px;margin-bottom:2px;padding:10px;position:relative;width:100%}.table-module_dots-option-item__jNOxO:after{background-color:#eee;border-radius:1px;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;content:\"\";height:2px;left:10px;position:absolute;top:calc(100% - 2px);width:calc(100% - 20px)}.table-module_dots-option-item__jNOxO:last-child:after{display:none}";
+var css_248z$a = ".table-module_sorting-arrows__BaN-G:after{content:\"▲\";font-size:11px;position:absolute;right:0;top:calc(50% - 12px)}.table-module_sorting-arrows__BaN-G:before{bottom:calc(50% - 12px);content:\"▼\";font-size:11px;position:absolute;right:0}.table-module_td-span__XHo6k{display:inline-block;position:relative}.table-module_td-span__XHo6k>svg{left:0;position:absolute;top:0;z-index:-1}.table-module_list-text__kmKIq{align-items:center;cursor:pointer;display:flex;margin:0 0 8px;min-height:38px;white-space:wrap}.table-module_dots-option-item__jNOxO{box-sizing:border-box;cursor:pointer;display:flex;height:39px;margin-bottom:2px;padding:10px;position:relative;width:100%}.table-module_dots-option-item__jNOxO:after{background-color:#eee;border-radius:1px;-webkit-border-radius:1px;-moz-border-radius:1px;-ms-border-radius:1px;-o-border-radius:1px;content:\"\";height:2px;left:10px;position:absolute;top:calc(100% - 2px);width:calc(100% - 20px)}.table-module_dots-option-item__jNOxO:last-child:after{display:none}";
 var styles$9 = {"sorting-arrows":"table-module_sorting-arrows__BaN-G","td-span":"table-module_td-span__XHo6k","list-text":"table-module_list-text__kmKIq","dots-option-item":"table-module_dots-option-item__jNOxO"};
 styleInject(css_248z$a);
 
@@ -2330,7 +2414,7 @@ const TH = ({
   handleCheckArrowActionHeader
 }) => {
   const handleCheckArrowAction = (e, object, property) => {
-    if (hasOwnerProperty$1(object, property)) {
+    if (hasOwnerProperty(object, property)) {
       handleCheckArrowActionHeader(e, object);
     }
   };
@@ -2351,14 +2435,14 @@ const TH = ({
       borderColor: hideBorder ? 'transparent' : '#eeeeee'
     },
     onClick: handleHeaderItemClick,
-    className: `${hasOwnerProperty$1(item, 'sortingArrows') ? item.sortingArrows === true ? styles$9['sorting-arrows'] : '' : ''}`
+    className: `${hasOwnerProperty(item, 'sortingArrows') ? item.sortingArrows === true ? styles$9['sorting-arrows'] : '' : ''}`
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       display: 'flex',
       alignItems: 'flex-start',
-      justifyContent: hasOwnerProperty$1(item, 'checkBox') ? 'space-between' : tHeadTextAlign ? tHeadTextAlign === 'left' ? 'flex-start' : tHeadTextAlign === 'right' ? 'flex-end' : 'center' : 'center'
+      justifyContent: hasOwnerProperty(item, 'checkBox') ? 'space-between' : tHeadTextAlign ? tHeadTextAlign === 'left' ? 'flex-start' : tHeadTextAlign === 'right' ? 'flex-end' : 'center' : 'center'
     }
-  }, hasOwnerProperty$1(item, 'checkBox') ? /*#__PURE__*/React__default["default"].createElement(SingleCheckbox, {
+  }, hasOwnerProperty(item, 'checkBox') ? /*#__PURE__*/React__default["default"].createElement(SingleCheckbox, {
     data: item,
     checked: item.checkBox.checked,
     disabled: item.checkBox.disabled,
@@ -2370,7 +2454,7 @@ const TH = ({
       margin: '0px'
     },
     onClick: e => handleCheckArrowAction(e, item, 'arrowComponent')
-  }, item.type === 'show' ? item.content : hasOwnerProperty$1(item, 'arrowComponent') ? item.status === 'close' ? item.closeArrow : item.openArrow : '')));
+  }, item.type === 'show' ? item.content : hasOwnerProperty(item, 'arrowComponent') ? item.status === 'close' ? item.closeArrow : item.openArrow : '')));
 };
 
 const TD = ({
@@ -2415,7 +2499,7 @@ const TD = ({
     handleBodyActionClick(e, actionData);
   };
   const handleCheckActions = (e, object, property, objectIndex) => {
-    if (hasOwnerProperty$1(object, property)) {
+    if (hasOwnerProperty(object, property)) {
       handleBodyAction(e, {
         item: object,
         itemIndex: objectIndex
@@ -2458,7 +2542,7 @@ const TD = ({
       maxWidth: tableColumnMaxWidth,
       whiteSpace: Array.isArray(item) ? 'nowrap' : 'wrap',
       borderColor: hideBorder ? 'transparent' : borderRightColor,
-      boxShadow: hasOwnerProperty$1(item, 'colorStatus') ? `inset 3px 0px 0px 0px ${item.colorStatus}` : '',
+      boxShadow: hasOwnerProperty(item, 'colorStatus') ? `inset 3px 0px 0px 0px ${item.colorStatus}` : '',
       borderTopLeftRadius: rowItem && innerIndex === 0 ? rowRadius : '0px',
       borderBottomLeftRadius: rowItem && innerIndex === 0 ? rowRadius : '0px',
       borderTopRightRadius: rowItem && innerIndex === row.length - 1 ? rowRadius : '0px',
@@ -2471,7 +2555,7 @@ const TD = ({
           width: '32px',
           height: '32px',
           marginRight: '10px',
-          cursor: hasOwnerProperty$1(newItem, 'type') ? 'pointer' : 'auto'
+          cursor: hasOwnerProperty(newItem, 'type') ? 'pointer' : 'auto'
         },
         id: newItem.id,
         type: newItem.type,
@@ -2493,7 +2577,7 @@ const TD = ({
             width: '32px',
             height: '32px',
             marginRight: '10px',
-            cursor: hasOwnerProperty$1(iT, 'type') ? 'pointer' : 'auto'
+            cursor: hasOwnerProperty(iT, 'type') ? 'pointer' : 'auto'
           },
           id: iT.id ? iT.id : '',
           type: iT.type ? iT.type : '',
@@ -2511,9 +2595,9 @@ const TD = ({
     style: {
       display: 'flex',
       alignItems: 'flex-start',
-      justifyContent: hasOwnerProperty$1(item, 'checkBox') ? 'space-between' : tBodyTextAlign ? tBodyTextAlign === 'left' ? 'flex-start' : tBodyTextAlign === 'right' ? 'flex-end' : 'center' : 'center'
+      justifyContent: hasOwnerProperty(item, 'checkBox') ? 'space-between' : tBodyTextAlign ? tBodyTextAlign === 'left' ? 'flex-start' : tBodyTextAlign === 'right' ? 'flex-end' : 'center' : 'center'
     }
-  }, !hasOwnerProperty$1(item, 'hideArrow') && item.hideArrow !== false && (!hasOwnerProperty$1(item, 'rightArrow') || item.rightArrow !== true) ? hasOwnerProperty$1(item, 'contentList') && (hasOwnerProperty$1(item, 'closeArrow') || hasOwnerProperty$1(item, 'openArrow')) && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, !hasOwnerProperty(item, 'hideArrow') && item.hideArrow !== false && (!hasOwnerProperty(item, 'rightArrow') || item.rightArrow !== true) ? hasOwnerProperty(item, 'contentList') && (hasOwnerProperty(item, 'closeArrow') || hasOwnerProperty(item, 'openArrow')) && /*#__PURE__*/React__default["default"].createElement("div", {
     id: item.id,
     style: {
       width: '21px',
@@ -2522,7 +2606,7 @@ const TD = ({
     },
     onClick: () => handleOpenCloseRowSingleArrow(index, innerIndex, item),
     className: styles$9['td-span']
-  }, hasOwnerProperty$1(item, 'status') && item.status === 'close' ? item.closeArrow : item.openArrow) : '', hasOwnerProperty$1(item, 'checkBox') && /*#__PURE__*/React__default["default"].createElement(SingleCheckbox, {
+  }, hasOwnerProperty(item, 'status') && item.status === 'close' ? item.closeArrow : item.openArrow) : '', hasOwnerProperty(item, 'checkBox') && /*#__PURE__*/React__default["default"].createElement(SingleCheckbox, {
     data: item,
     index: index,
     innerIndex: innerIndex,
@@ -2534,18 +2618,18 @@ const TD = ({
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       flexShrink: 11,
-      marginLeft: hasOwnerProperty$1(item, 'contentList') && (!hasOwnerProperty$1(item, 'hideArrow') || item.hideArrow !== true) ? hasOwnerProperty$1(item, 'rightArrow') ? item.rightArrow === true ? '0px' : '11px' : hasOwnerProperty$1(item, 'closeArrow') || hasOwnerProperty$1(item, 'openArrow') ? '11px' : '0px' : '0px',
-      marginRight: hasOwnerProperty$1(item, 'contentList') && (!hasOwnerProperty$1(item, 'hideArrow') || item.hideArrow !== true) ? hasOwnerProperty$1(item, 'rightArrow') ? item.rightArrow === true ? '11px' : '0px' : '0px' : '0px'
+      marginLeft: hasOwnerProperty(item, 'contentList') && (!hasOwnerProperty(item, 'hideArrow') || item.hideArrow !== true) ? hasOwnerProperty(item, 'rightArrow') ? item.rightArrow === true ? '0px' : '11px' : hasOwnerProperty(item, 'closeArrow') || hasOwnerProperty(item, 'openArrow') ? '11px' : '0px' : '0px',
+      marginRight: hasOwnerProperty(item, 'contentList') && (!hasOwnerProperty(item, 'hideArrow') || item.hideArrow !== true) ? hasOwnerProperty(item, 'rightArrow') ? item.rightArrow === true ? '11px' : '0px' : '0px' : '0px'
     }
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     style: {
       textAlign: tBodyTextAlign,
       margin: '0px',
-      cursor: hasOwnerProperty$1(item, 'arrowComponent') || hasOwnerProperty$1(item, 'dots') ? 'pointer' : 'auto',
+      cursor: hasOwnerProperty(item, 'arrowComponent') || hasOwnerProperty(item, 'dots') ? 'pointer' : 'auto',
       ...item.props
     },
-    onClick: hasOwnerProperty$1(item, 'arrowComponent') ? () => handleCheckArrowAction(item, item.checkIndex) : hasOwnerProperty$1(item, 'dots') ? e => handleCheckDots(e, item, index, innerIndex) : _ => _
-  }, item.content === 0 ? item.content.toString() : item.content ? item.content : hasOwnerProperty$1(item, 'arrowComponent') ? item.status === 'close' ? item.closeArrow : item.openArrow : hasOwnerProperty$1(item, 'dots') ? /*#__PURE__*/React__default["default"].createElement("span", {
+    onClick: hasOwnerProperty(item, 'arrowComponent') ? () => handleCheckArrowAction(item, item.checkIndex) : hasOwnerProperty(item, 'dots') ? e => handleCheckDots(e, item, index, innerIndex) : _ => _
+  }, item.content === 0 ? item.content.toString() : item.content ? item.content : hasOwnerProperty(item, 'arrowComponent') ? item.status === 'close' ? item.closeArrow : item.openArrow : hasOwnerProperty(item, 'dots') ? /*#__PURE__*/React__default["default"].createElement("span", {
     style: {
       display: 'block',
       position: 'relative'
@@ -2566,7 +2650,7 @@ const TD = ({
       backgroundColor: '#FFFFFF',
       boxShadow: '0px 0px 20px 0px #3C393E4D'
     }
-  }, hasOwnerProperty$1(item, 'options') && item.options.map((optionItem, optionIndex) => {
+  }, hasOwnerProperty(item, 'options') && item.options.map((optionItem, optionIndex) => {
     return /*#__PURE__*/React__default["default"].createElement("span", {
       key: `${optionItem.content}_${optionIndex}`,
       className: styles$9['dots-option-item'],
@@ -2591,7 +2675,7 @@ const TD = ({
       },
       title: optionItem.content
     }, optionItem.content === 0 ? optionItem.content.toString() : optionItem.content ? optionItem.content : ''));
-  }))) : ''), hasOwnerProperty$1(item, 'contentList') && /*#__PURE__*/React__default["default"].createElement("div", {
+  }))) : ''), hasOwnerProperty(item, 'contentList') && /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       overflow: 'auto',
       marginTop: '10px',
@@ -2605,7 +2689,8 @@ const TD = ({
         key: `__${innerItemIndex}__`,
         style: {
           display: 'flex',
-          justifyContent: 'center'
+          justifyContent: 'center',
+          marginTop: innerItemIndex === 0 ? '28px' : '0px'
         }
       }, innerItem.content.map((contInnerItem, contInnerIndex) => {
         return /*#__PURE__*/React__default["default"].createElement("p", {
@@ -2640,7 +2725,7 @@ const TD = ({
         onClick: e => handleContentList(e, item, index, innerIndex, innerItem.id, innerItem.content, innerItemIndex)
       }, innerItem.content === 0 ? innerItem.content.toString() : innerItem.content ? innerItem.content : '');
     }
-  }))), !hasOwnerProperty$1(item, 'hideArrow') && item.hideArrow !== false && hasOwnerProperty$1(item, 'rightArrow') && item.rightArrow === true ? hasOwnerProperty$1(item, 'contentList') && (hasOwnerProperty$1(item, 'closeArrow') || hasOwnerProperty$1(item, 'openArrow')) && /*#__PURE__*/React__default["default"].createElement("div", {
+  }))), !hasOwnerProperty(item, 'hideArrow') && item.hideArrow !== false && hasOwnerProperty(item, 'rightArrow') && item.rightArrow === true ? hasOwnerProperty(item, 'contentList') && (hasOwnerProperty(item, 'closeArrow') || hasOwnerProperty(item, 'openArrow')) && /*#__PURE__*/React__default["default"].createElement("div", {
     id: item.id,
     style: {
       width: '21px',
@@ -2649,7 +2734,7 @@ const TD = ({
     },
     onClick: () => handleOpenCloseRowSingleArrow(index, innerIndex, item),
     className: styles$9['td-span']
-  }, hasOwnerProperty$1(item, 'status') && item.status === 'close' ? item.closeArrow : item.openArrow) : '') : '');
+  }, hasOwnerProperty(item, 'status') && item.status === 'close' ? item.closeArrow : item.openArrow) : '') : '');
 };
 
 const SvgUpArrow = ({
@@ -2754,7 +2839,7 @@ const Table = ({
     bodyData.map((item, index) => {
       if (index === data.index) {
         item.map((innerItem, innerIndex) => {
-          if (hasOwnerProperty$1(innerItem, 'arrowComponent')) {
+          if (hasOwnerProperty(innerItem, 'arrowComponent')) {
             removeItemIndex = innerIndex;
           }
         });
@@ -2778,7 +2863,7 @@ const Table = ({
       let removeItemIndex;
       let headerWithoutArrow;
       header.map((item, index) => {
-        if (hasOwnerProperty$1(item, 'arrowComponent')) {
+        if (hasOwnerProperty(item, 'arrowComponent')) {
           removeItemIndex = index;
         }
       });
@@ -2818,7 +2903,7 @@ const Table = ({
     let checkedItems = [];
     data.map((item, index) => {
       item.map((innerItem, innerIndex) => {
-        if (hasOwnerProperty$1(innerItem, 'checkBox')) {
+        if (hasOwnerProperty(innerItem, 'checkBox')) {
           if (!checkedItems[innerIndex]) {
             checkedItems[innerIndex] = [];
           }
@@ -2898,7 +2983,7 @@ const Table = ({
         checkableItemBool = !item.checkBox.checked;
         item.checkBox.checked = !item.checkBox.checked;
       }
-      if (hasOwnerProperty$1(item, 'arrowComponent')) {
+      if (hasOwnerProperty(item, 'arrowComponent')) {
         removeItemIndex = index;
       }
       return item;
@@ -2906,7 +2991,7 @@ const Table = ({
     const newUpdatedBody = updatedBody.map((item, index) => {
       return item.map((innerItem, innerIndex) => {
         if (checkableItemIndex === innerIndex) {
-          if (!hasOwnerProperty$1(innerItem.checkBox, 'disabled') || innerItem.checkBox.disabled !== true) {
+          if (!hasOwnerProperty(innerItem.checkBox, 'disabled') || innerItem.checkBox.disabled !== true) {
             innerItem.checkBox.checked = checkableItemBool;
             checkableBodyRowItems.push({
               column: innerIndex,
@@ -2950,7 +3035,7 @@ const Table = ({
     const updatedBody = body.slice().map(item => Object.values(item));
     const newData = updatedBody.map((item, index) => {
       return item.map((innerItem, innerIndex) => {
-        if (innerItem.id === data.id && innerItem.content == data.content && hasOwnerProperty$1(innerItem, 'checkBox')) {
+        if (innerItem.id === data.id && innerItem.content == data.content && hasOwnerProperty(innerItem, 'checkBox')) {
           innerItem.checkBox.checked = !innerItem.checkBox.checked;
           handleHeaderCheckedUpdate({
             row: index,
@@ -3007,7 +3092,7 @@ const Table = ({
   const handleCheckArrowAction = (item, rowPosition) => {
     const status = item.status;
     const checkedOpenableRow = body[rowPosition].map(innerItem => {
-      if (hasOwnerProperty$1(innerItem, 'status')) {
+      if (hasOwnerProperty(innerItem, 'status')) {
         if (status === 'close') {
           innerItem.status = 'open';
         } else {
@@ -3033,13 +3118,13 @@ const Table = ({
         }
         single = item;
       }
-      if (hasOwnerProperty$1(item, 'status') && !hasOwnerProperty$1(item, 'arrowComponent')) {
+      if (hasOwnerProperty(item, 'status') && !hasOwnerProperty(item, 'arrowComponent')) {
         allArrows.push(item);
       }
       return item;
     });
     const checkedOpenableRowArrow = checkedOpenableRow.map(item => {
-      if (hasOwnerProperty$1(item, 'arrowComponent')) {
+      if (hasOwnerProperty(item, 'arrowComponent')) {
         if (single && single.status === 'close') {
           item.status = 'close';
         } else if (single && single.status === 'open') {
@@ -3048,7 +3133,7 @@ const Table = ({
           }
         }
       }
-      if (hasOwnerProperty$1(clickableItem, 'theSame') && hasOwnerProperty$1(item, 'theSame') && clickableItem.theSame === item.theSame) {
+      if (hasOwnerProperty(clickableItem, 'theSame') && hasOwnerProperty(item, 'theSame') && clickableItem.theSame === item.theSame) {
         item.status = clickableItem.status;
       }
       return item;
@@ -3072,7 +3157,7 @@ const Table = ({
     });
     const checkedOpenableAllRowsBody = body.map(innerItem => {
       return innerItem.map(iElem => {
-        if (hasOwnerProperty$1(iElem, 'status')) {
+        if (hasOwnerProperty(iElem, 'status')) {
           if (item.status === 'open') {
             iElem.status = 'open';
           } else {
@@ -3089,7 +3174,7 @@ const Table = ({
     e.stopPropagation();
     const checkBodyMore = body.map((elemItem, elemIndex) => {
       return elemItem.map((elemInnerItem, elemInnerIndex) => {
-        if (elemIndex === index && hasOwnerProperty$1(elemInnerItem, 'dots')) {
+        if (elemIndex === index && hasOwnerProperty(elemInnerItem, 'dots')) {
           if (elemInnerIndex === innerIndex) {
             if (item.dotsStatus === 'deActive') {
               elemInnerItem.dotsStatus = 'active';
@@ -3097,7 +3182,7 @@ const Table = ({
               elemInnerItem.dotsStatus = 'deActive';
             }
           }
-        } else if (elemIndex !== index && hasOwnerProperty$1(elemInnerItem, 'dots')) {
+        } else if (elemIndex !== index && hasOwnerProperty(elemInnerItem, 'dots')) {
           if (elemInnerIndex === innerIndex) {
             elemInnerItem.dotsStatus = 'deActive';
           }
@@ -3146,7 +3231,7 @@ const Table = ({
   const handleTableClick = () => {
     const checkBodyMore = body.map(elemItem => {
       return elemItem.map(elemInnerItem => {
-        if (hasOwnerProperty$1(elemInnerItem, 'dots')) {
+        if (hasOwnerProperty(elemInnerItem, 'dots')) {
           elemInnerItem.dotsStatus = 'deActive';
         }
         return elemInnerItem;
@@ -3163,8 +3248,8 @@ const Table = ({
       const checkForInsertArrow = handleTransformDataForInsertArrow(checkBodyForChackedItems, arrowColumnCount, 'body');
       const insert = checkForInsertArrow.map((item, index) => {
         item.map((innerItem, innerIndex) => {
-          if (hasOwnerProperty$1(innerItem, 'checkBox')) {
-            if (hasOwnerProperty$1(innerItem.checkBox, 'disabled')) {
+          if (hasOwnerProperty(innerItem, 'checkBox')) {
+            if (hasOwnerProperty(innerItem.checkBox, 'disabled')) {
               if (innerItem.checkBox.disabled === true) {
                 if (!disabledArray[innerIndex]) {
                   disabledArray[innerIndex] = {
@@ -3183,8 +3268,8 @@ const Table = ({
     } else {
       const insert = checkBodyForChackedItems.map((item, index) => {
         item.map((innerItem, innerIndex) => {
-          if (hasOwnerProperty$1(innerItem, 'checkBox')) {
-            if (hasOwnerProperty$1(innerItem.checkBox, 'disabled')) {
+          if (hasOwnerProperty(innerItem, 'checkBox')) {
+            if (hasOwnerProperty(innerItem.checkBox, 'disabled')) {
               if (innerItem.checkBox.disabled === true) {
                 if (!disabledArray[innerIndex]) {
                   disabledArray[innerIndex] = {
@@ -3533,11 +3618,6 @@ const Modal = ({
       handleCloseModal();
     }
   };
-  const handleOpenInNewTab = url => {
-    const imageLink = document.createElement('a');
-    imageLink.href = url, imageLink.target = '_blank';
-    imageLink.click();
-  };
   const handleMouseEnter = () => {
     setIsHover(true);
   };
@@ -3708,7 +3788,7 @@ const Modal = ({
     }
   }, innerData && innerData.length > 0 && innerData.map((item, index) => {
     if (select === index) {
-      if (!hasOwnerProperty$1(item, 'url')) {
+      if (!hasOwnerProperty(item, 'url')) {
         alert('Please add url property in data prop on each element');
       } else {
         return /*#__PURE__*/React__default["default"].createElement("span", {
@@ -3740,7 +3820,7 @@ const Modal = ({
             alignItems: 'center',
             justifyContent: 'center'
           },
-          onClick: () => handleOpenInNewTab(item.url)
+          onClick: () => handleUtilsOpenInNewTab(item.url)
         }, zoomIcon ? zoomIcon : configStyles.MODAL.icon.zoom ? configStyles.MODAL.icon.zoom : /*#__PURE__*/React__default["default"].createElement(SvgZoom, null)) : '');
       }
     }
@@ -3816,60 +3896,6 @@ Modal.propTypes = {
   closeAreaBackgroundColor: PropTypes__default["default"].string
 };
 
-const handleCheckTypeTel = (val, prevVal) => {
-  const phoneNumberRegex = /^\d{0,8}$/;
-  if (!phoneNumberRegex.test(val)) {
-    val = prevVal;
-  }
-  return val;
-};
-const handleCheckTypeNumber = (val, prevVal, maxLength, floatToFix, maxNumSize, withoutDot, innerMinNumSize) => {
-  if (maxLength && maxLength > 0) {
-    if (val.length > maxLength) {
-      val = val.substr(0, maxLength);
-    }
-  } else {
-    const regNum = floatToFix && floatToFix >= 0 ? /^\d+(\.)?(\d+)?$/ : /^\d+$/;
-    if (val.length > 16 && !val.includes('.')) {
-      val = val.substr(0, 16);
-    }
-    if (val < Number.MIN_SAFE_INTEGER || val > Number.MAX_SAFE_INTEGER || innerMinNumSize && val < innerMinNumSize || maxNumSize && val > maxNumSize) {
-      val = prevVal;
-    }
-    const floatNumParts = typeof val === 'string' ? val.split('.') : val;
-    const int = floatNumParts[0];
-    const float = floatNumParts[1];
-    if (floatToFix > 0) {
-      if (float && float.length > 0) {
-        let floatResult = '';
-        [...float].map((item, index) => {
-          if (index + 1 <= floatToFix) {
-            floatResult += item;
-          }
-        });
-        floatResult !== '' ? val = `${int}.${floatResult}` : val = `${int}`;
-      }
-    } else {
-      if (floatNumParts && floatNumParts.length > 0 && floatToFix === 0) {
-        val = `${int}`;
-      }
-    }
-    if (!regNum.test(val)) {
-      const newStr = val.replace(/[^0-9.]/g, '').replace(/^([^.]*\.)(.*)$/, function (_, b, c) {
-        return b + c.replace(/\./g, '');
-      });
-      val = newStr;
-    }
-  }
-  if (withoutDot && !/^\d+$/.test(val)) {
-    const newStr = val.replace(/[^0-9]/g, '').replace(/^([^.]*\.)(.*)$/, function (_, b, c) {
-      return b + c.replace(/\./g, '');
-    });
-    val = newStr;
-  }
-  return val;
-};
-
 const TelInput = ({
   type,
   value,
@@ -3893,7 +3919,7 @@ const TelInput = ({
   const handleChange = event => {
     let prevValue = innerValue;
     let currentValue = event.target.value;
-    currentValue = handleCheckTypeTel(currentValue, prevValue);
+    currentValue = handleUtilsCheckTypeTel(currentValue, prevValue);
     setInnerValue(() => currentValue);
     if (inputChange && currentValue !== prevValue) {
       inputChange(currentValue);
@@ -3902,7 +3928,7 @@ const TelInput = ({
   React.useEffect(() => {
     let newValue = '';
     if (value !== undefined && value !== null) {
-      newValue = handleCheckTypeTel(value, newValue);
+      newValue = handleUtilsCheckTypeTel(value, newValue);
     }
     setInnerValue(() => newValue);
   }, [value]);
@@ -4056,7 +4082,7 @@ const NumberInput = ({
     let prevValue = innerValue;
     let currentValue = event.target.value;
     const max = maxLength ? maxLength : null;
-    currentValue = handleCheckTypeNumber(currentValue, prevValue, max, float, maxNumSize, dots, innerMinNumSize);
+    currentValue = handleUtilsCheckTypeNumber(currentValue, prevValue, max, float, maxNumSize, dots, innerMinNumSize);
     setInnerValue(() => currentValue);
     if (inputChange && currentValue !== prevValue) {
       inputChange(currentValue);
@@ -4080,7 +4106,7 @@ const NumberInput = ({
     let newValue = '';
     if (value !== undefined && value !== null) {
       const max = maxLength ? maxLength : null;
-      newValue = handleCheckTypeNumber(value, newValue, max, float, maxNumSize, dots, innerMinNumSize);
+      newValue = handleUtilsCheckTypeNumber(value, newValue, max, float, maxNumSize, dots, innerMinNumSize);
     }
     setInnerValue(() => newValue);
   }, [dots, value, float, maxNumSize, minNumSize]);
@@ -4439,30 +4465,6 @@ Input.propTypes = {
   value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number, PropTypes__default["default"].object])
 };
 
-const hasOwnerProperty = (object, property) => {
-  return Object.prototype.hasOwnProperty.call(object, property);
-};
-const handleUtilsMouseEnterLeave = (e, behaviourStyle) => {
-  if (typeof behaviourStyle !== 'object' || behaviourStyle === null || behaviourStyle === undefined) {
-    alert('Please set a second param of handleUtilsMouseEnter function as valid object');
-    return;
-  }
-  if (!hasOwnerProperty(e, 'target')) {
-    alert('Please set a valid object like DOM event');
-    return;
-  }
-  const existStyle = e.target.style;
-  if (typeof existStyle !== 'object' || existStyle === null) {
-    alert('Please set a valid style object in DOM event tergat');
-    return;
-  }
-  for (const property in behaviourStyle) {
-    if (existStyle[property]) {
-      existStyle[property] = behaviourStyle[property];
-    }
-  }
-};
-
 const RadioDirectionMode = {
   VERTICAL: 'vertical',
   HORINZONTAL: 'horizontal'
@@ -4762,7 +4764,7 @@ const Select = ({
     onChange({});
     setNewSelected([]);
     const clearedOptions = existOptions && existOptions.length > 0 && existOptions.map(item => {
-      if (hasOwnerProperty$1(item, 'checked')) {
+      if (hasOwnerProperty(item, 'checked')) {
         item.checked = false;
       }
       return item;
@@ -4812,7 +4814,7 @@ const Select = ({
   };
   const isObjectEmpty = obj => {
     for (var key in obj) {
-      if (hasOwnerProperty$1(obj, key)) {
+      if (hasOwnerProperty(obj, key)) {
         return false;
       }
     }
@@ -5173,8 +5175,8 @@ const SvgToasterSuccess = ({
   fill: fillColor ? fillColor : '#0DA574'
 }));
 
-var css_248z$6 = "#toaster-module_top-left__q0LcN{left:0;top:1em}#toaster-module_top-right__f-AFL{right:0;top:1em}#toaster-module_top-center__eVRbc{left:50%;top:1em;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}#toaster-module_bottom-left__b-YHI{bottom:1em;left:0}#toaster-module_bottom-right__g9ACP{bottom:1em;right:0}#toaster-module_bottom-center__4KcFe{bottom:1em;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.toaster-module_top-left__q0LcN{left:0;top:1em}.toaster-module_top-right__f-AFL{right:0;top:1em}.toaster-module_top-center__eVRbc{left:50%;top:1em;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.toaster-module_bottom-left__b-YHI{bottom:1em;left:0}.toaster-module_bottom-right__g9ACP{bottom:1em;right:0}.toaster-module_bottom-center__4KcFe{bottom:1em;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.toaster-module_notify-block__pRnEB{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.toaster-module_bounce-in-right__shR2D{-webkit-animation-name:toaster-module_bounceInRight__rSk5p;animation-name:toaster-module_bounceInRight__rSk5p}.toaster-module_bounce-out-right__48pyA{-webkit-animation-name:toaster-module_bounceOutRight__bmFGS;animation-name:toaster-module_bounceOutRight__bmFGS}.toaster-module_notify-desc__bcWe2,.toaster-module_notify-title__8lFLy{overflow:hidden;text-overflow:ellipsis}.toaster-module_notify-desc__bcWe2{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box}@keyframes toaster-module_bounceInRight__rSk5p{0%{opacity:0;right:-100%}60%{opacity:1;right:40px}75%{right:0}90%{right:30px}to{right:20px}}@keyframes toaster-module_bounceOutRight__bmFGS{0%{opacity:1;right:20px}60%{opacity:1;right:60px}to{opacity:0;right:-100%}}.toaster-module_bounce-in-left__xoF-M{-webkit-animation-name:toaster-module_bounceInLeft__to59v;animation-name:toaster-module_bounceInLeft__to59v}.toaster-module_bounce-out-left__fDOZw{-webkit-animation-name:toaster-module_bounceOutLeft__k5QgO;animation-name:toaster-module_bounceOutLeft__k5QgO}@keyframes toaster-module_bounceInLeft__to59v{0%{left:-100%;opacity:0}60%{left:40px;opacity:1}75%{left:0}90%{left:30px}to{left:20px}}@keyframes toaster-module_bounceOutLeft__k5QgO{0%{left:20px;opacity:1}60%{left:60px;opacity:1}to{left:-100%;opacity:0}}";
-var styles$5 = {"top-left":"toaster-module_top-left__q0LcN","top-right":"toaster-module_top-right__f-AFL","top-center":"toaster-module_top-center__eVRbc","bottom-left":"toaster-module_bottom-left__b-YHI","bottom-right":"toaster-module_bottom-right__g9ACP","bottom-center":"toaster-module_bottom-center__4KcFe","notify-block":"toaster-module_notify-block__pRnEB","bounce-in-right":"toaster-module_bounce-in-right__shR2D","bounceInRight":"toaster-module_bounceInRight__rSk5p","bounce-out-right":"toaster-module_bounce-out-right__48pyA","bounceOutRight":"toaster-module_bounceOutRight__bmFGS","notify-title":"toaster-module_notify-title__8lFLy","notify-desc":"toaster-module_notify-desc__bcWe2","bounce-in-left":"toaster-module_bounce-in-left__xoF-M","bounceInLeft":"toaster-module_bounceInLeft__to59v","bounce-out-left":"toaster-module_bounce-out-left__fDOZw","bounceOutLeft":"toaster-module_bounceOutLeft__k5QgO"};
+var css_248z$6 = "#toaster-module_top-left__q0LcN{left:0;top:1em}#toaster-module_top-right__f-AFL{right:0;top:1em}#toaster-module_top-center__eVRbc{left:50%;top:1em;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}#toaster-module_bottom-left__b-YHI{bottom:1em;left:0}#toaster-module_bottom-right__g9ACP{bottom:1em;right:0}#toaster-module_bottom-center__4KcFe{bottom:1em;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.toaster-module_top-left__q0LcN{left:0;top:1em}.toaster-module_top-right__f-AFL{right:0;top:1em}.toaster-module_top-center__eVRbc{left:50%;top:1em;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.toaster-module_bottom-left__b-YHI{bottom:1em;left:0}.toaster-module_bottom-right__g9ACP{bottom:1em;right:0}.toaster-module_bottom-center__4KcFe{bottom:1em;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%)}.toaster-module_notify-block__pRnEB{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.toaster-module_bounce-in-right__shR2D{-webkit-animation-name:toaster-module_bounceInRight__rSk5p;animation-name:toaster-module_bounceInRight__rSk5p}.toaster-module_bounce-out-right__48pyA{-webkit-animation-name:toaster-module_bounceOutRight__bmFGS;animation-name:toaster-module_bounceOutRight__bmFGS}.toaster-module_notify-desc__bcWe2,.toaster-module_notify-title__8lFLy{overflow:hidden;text-overflow:ellipsis}.toaster-module_notify-desc__bcWe2{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box}@keyframes toaster-module_bounceInRight__rSk5p{0%{opacity:0;right:-100%}60%{opacity:1;right:40px}75%{right:0}90%{right:30px}to{right:20px}}@keyframes toaster-module_bounceOutRight__bmFGS{0%{opacity:1;right:20px}60%{opacity:1;right:60px}to{opacity:0;right:-100%}}.toaster-module_bounce-in-left__xoF-M{-webkit-animation-name:toaster-module_bounceInLeft__to59v;animation-name:toaster-module_bounceInLeft__to59v}.toaster-module_bounce-out-left__fDOZw{-webkit-animation-name:toaster-module_bounceOutLeft__k5QgO;animation-name:toaster-module_bounceOutLeft__k5QgO}@keyframes toaster-module_bounceInLeft__to59v{0%{left:-100%;opacity:0}60%{left:40px;opacity:1}75%{left:0}90%{left:30px}to{left:20px}}@keyframes toaster-module_bounceInLeftMobile__CA2dc{0%{left:-100%;opacity:0}60%{left:40px;opacity:1}75%{left:0}90%{left:30px}to{left:0}}@keyframes toaster-module_bounceOutLeft__k5QgO{0%{left:20px;opacity:1}60%{left:60px;opacity:1}to{left:-100%;opacity:0}}@media(max-width:480px){.toaster-module_bounce-in-left__xoF-M{-webkit-animation-name:toaster-module_bounceInLeftMobile__CA2dc;animation-name:toaster-module_bounceInLeftMobile__CA2dc}}";
+var styles$5 = {"top-left":"toaster-module_top-left__q0LcN","top-right":"toaster-module_top-right__f-AFL","top-center":"toaster-module_top-center__eVRbc","bottom-left":"toaster-module_bottom-left__b-YHI","bottom-right":"toaster-module_bottom-right__g9ACP","bottom-center":"toaster-module_bottom-center__4KcFe","notify-block":"toaster-module_notify-block__pRnEB","bounce-in-right":"toaster-module_bounce-in-right__shR2D","bounceInRight":"toaster-module_bounceInRight__rSk5p","bounce-out-right":"toaster-module_bounce-out-right__48pyA","bounceOutRight":"toaster-module_bounceOutRight__bmFGS","notify-title":"toaster-module_notify-title__8lFLy","notify-desc":"toaster-module_notify-desc__bcWe2","bounce-in-left":"toaster-module_bounce-in-left__xoF-M","bounceInLeft":"toaster-module_bounceInLeft__to59v","bounce-out-left":"toaster-module_bounce-out-left__fDOZw","bounceOutLeft":"toaster-module_bounceOutLeft__k5QgO","bounceInLeftMobile":"toaster-module_bounceInLeftMobile__CA2dc"};
 styleInject(css_248z$6);
 
 let wWidth$1 = window.innerWidth;
@@ -6784,7 +6786,7 @@ const Autocomplete = ({
       alert('Please add options prop');
     }
     options && options.length > 0 && options.map(item => {
-      if (!hasOwnerProperty$1(item, keyNames.name)) {
+      if (!hasOwnerProperty(item, keyNames.name)) {
         alert(`Please add ${keyNames.name} property in items of options array`);
       }
     });