intelicoreact 1.3.22 → 1.3.24

package/dist/Atomic/UI/Table/TdTypes/TdActions.js

@@ -29,38 +29,38 @@ const TdActions = _ref => {
     className: "j6"
   }, actions === null || actions === void 0 ? void 0 : actions.map((action, index) => {
     switch (action.type) {
-      case 'download':
+      case "download":
         return /*#__PURE__*/_react.default.createElement("div", {
           key: index,
           className: "td-actions--item td-actions--download",
           onClick: () => {}
         }, /*#__PURE__*/_react.default.createElement(Icons.Download, null));
-      case 'edit':
+      case "edit":
         return /*#__PURE__*/_react.default.createElement("div", {
           key: index,
           className: "td-actions--item td-actions--edit",
           onClick: () => {}
         }, /*#__PURE__*/_react.default.createElement(Icons.Edit3, null));
-      case 'delete':
+      case "delete":
         return /*#__PURE__*/_react.default.createElement("div", {
           key: index,
           className: "td-actions--item td-actions--delete",
-          onClick: () => onActionClick('delete', rowItem)
+          onClick: () => onActionClick("delete", rowItem)
         }, /*#__PURE__*/_react.default.createElement(Icons.Trash2, null));
-      case 'undo':
+      case "undo":
         return /*#__PURE__*/_react.default.createElement("div", {
           key: index,
           className: "td-actions--item td-actions--undo",
-          onClick: () => onActionClick('undo', rowItem)
+          onClick: () => onActionClick("undo", rowItem)
         }, /*#__PURE__*/_react.default.createElement(Icons.RotateCcw, null));
-      case 'switcher':
+      case "switcher":
         return /*#__PURE__*/_react.default.createElement("div", {
           key: index,
           className: "df"
         }, /*#__PURE__*/_react.default.createElement(_Switcher.default, {
           label: action.label || null,
           isActive: action === null || action === void 0 ? void 0 : action.value,
-          onChange: e => handleArrayChange(e, index, 'value')
+          onChange: e => handleArrayChange(e, index, "value")
         }));
       default:
         return null;

package/dist/Atomic/UI/Table/TdTypes/TdPriority.js

@@ -23,12 +23,12 @@ const TdPriority = _ref => {
     className: "df"
   }, /*#__PURE__*/_react.default.createElement(_reactFeather.ArrowDown, {
     onClick: () => onClick(rowIndex),
-    className: (0, _classnames.default)('table--icon', {
+    className: (0, _classnames.default)("table--icon", {
       disabled: rowIndex + 1 === cardLength
     })
   }), /*#__PURE__*/_react.default.createElement(_reactFeather.ArrowUp, {
     onClick: () => onClick(rowIndex, true),
-    className: (0, _classnames.default)('table--icon', {
+    className: (0, _classnames.default)("table--icon", {
       disabled: rowIndex === 0
     })
   })));

package/dist/Atomic/UI/Table/TdTypes/TdRange.js

@@ -1,16 +1,14 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
 const TdRange = _ref => {
   let {
     item
   } = _ref;
   if (!item) return false;
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("span", null, item.from), /*#__PURE__*/_react.default.createElement("span", null, " - "), /*#__PURE__*/_react.default.createElement("span", null, item.to));
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, item.from), /*#__PURE__*/React.createElement("span", null, " - "), /*#__PURE__*/React.createElement("span", null, item.to));
 };
 var _default = exports.default = TdRange;

package/dist/Atomic/UI/Table/TdTypes/TdTypes.scss

@@ -1,36 +1,37 @@
 .td-actions {
   &--item {
     display: flex;
-    align-items: center;
     justify-content: center;
+    align-items: center;
 
     min-width: 28px;
     min-height: 28px;
     margin-left: 5px;
 
+    font-size: 16px;
     cursor: pointer;
     user-select: none;
 
     border-radius: 5px;
-    box-shadow: 0 4px 4px rgb(0 0 0 / 5%), 0 0 2px rgb(0 0 0 / 15%);
-
-    font-size: 16px;
+    box-shadow:
+      0 4px 4px rgb(0 0 0 / 5%),
+      0 0 2px rgb(0 0 0 / 15%);
   }
 
   &--delete {
-    color: #F06D8DFF !important;
+    color: #f06d8dff !important;
   }
 
   &--undo {
-    color: #F06D8DFF !important;
+    color: #f06d8dff !important;
   }
 
   &--edit {
-    color: #6B81DDFF !important;
+    color: #6b81ddff !important;
   }
 
   &--download {
-    color: #6B81DDFF;
+    color: #6b81ddff;
   }
 }
 

package/dist/Atomic/UI/Table/TdTypes/TdWeight.js

@@ -5,14 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _index = require("../../../../../../JS/Constants/index.constants");
-var _useToggle = _interopRequireDefault(require("../../../../../../JS/Functions/useToggle"));
-var _Input = _interopRequireDefault(require("../../../FormElements/Input/Input"));
+var _utils = require("../../../../Functions/utils");
+var _Modal = require("../../Modal/Modal");
 require("../Table.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 TdWeight = _ref => {
   let {
     value,
@@ -25,7 +22,7 @@ const TdWeight = _ref => {
     isToggled: isEdited,
     toggleOff: unsetIsEdited,
     toggleOn: setIsEdited
-  } = (0, _useToggle.default)(false);
+  } = (0, _utils.useOutsideToggle)(false);
   (0, _react.useEffect)(() => {
     setState(value);
   }, [value, isEdited]);
@@ -34,22 +31,22 @@ const TdWeight = _ref => {
       keyCode,
       target
     } = _ref2;
-    if (keyCode === _index.KEY_CODE.ENTER) {
-      const newValue = +target.value || 1;
+    if (keyCode === _Modal.KEY_CODE.ENTER) {
+      const newValue = Number(target.value) || 1;
       onChange(newValue);
       unsetIsEdited();
     }
   };
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isEdited ? /*#__PURE__*/_react.default.createElement(_Input.default, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, isEdited ? /*#__PURE__*/React.createElement(Input, {
     value: state,
     onChange: e => setState(e),
     onBlur: unsetIsEdited,
     onKeyUp: handleKeyUp,
     autoFocus: true
-  }) : /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('td-weight', className),
+  }) : /*#__PURE__*/React.createElement("div", {
+    className: (0, _classnames.default)("td-weight", className),
     onClick: setIsEdited
-  }, /*#__PURE__*/_react.default.createElement("span", null, value), /*#__PURE__*/_react.default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", null, value), /*#__PURE__*/React.createElement("span", {
     className: "ml2 color--grey-gull"
   }, "(", percent, "%)")));
 };

package/dist/Atomic/UI/Tag/Tag.js

@@ -22,21 +22,21 @@ const Tag = _ref => {
     name,
     isNoDismiss = true,
     onClick = () => {},
-    testId = 'test-tag',
-    testIdRemove = 'test-tag-remove'
+    testId = "test-tag",
+    testIdRemove = "test-tag-remove"
   } = _ref;
   const [isTagHover, setIsTagHover] = (0, _react.useState)(false);
   return /*#__PURE__*/_react.default.createElement("div", {
     onMouseEnter: () => setIsTagHover(true),
     onMouseLeave: () => setIsTagHover(false),
     "data-testid": testId,
-    className: (0, _classnames.default)('tag', className, {
-      'tag-warn': warning
+    className: (0, _classnames.default)("tag", className, {
+      "tag-warn": warning
     }),
     onClick: onClick
-  }, warning && typeof warning === 'string' && /*#__PURE__*/_react.default.createElement(_reactFeather.AlertTriangle, {
+  }, warning && typeof warning === "string" && /*#__PURE__*/_react.default.createElement(_reactFeather.AlertTriangle, {
     className: "advanced-tags--warning-icon mr5"
-  }), warning && typeof warning === 'string' && isTagHover && /*#__PURE__*/_react.default.createElement("div", {
+  }), warning && typeof warning === "string" && isTagHover && /*#__PURE__*/_react.default.createElement("div", {
     className: "tag__warn-hint"
   }, warning), /*#__PURE__*/_react.default.createElement("span", {
     className: "tag__label"

package/dist/Atomic/UI/Tag/Tag.scss

@@ -19,15 +19,15 @@
   background-color: $color--gray--light;
 
   &__label {
-    color: $color--dark;
-
     font-size: 11px;
+
+    color: $color--dark;
   }
 
   &__button {
     display: flex;
-    align-items: center;
     justify-content: center;
+    align-items: center;
 
     width: 16px;
     height: 16px;
@@ -36,14 +36,14 @@
     cursor: pointer;
 
     opacity: 0.3;
-    color: #1E1E2D;
+    color: #1e1e2d;
   }
 
   &-warn {
     background-color: $color--error-bg;
 
     .tag__label {
-      color: #B9002C;
+      color: #b9002c;
     }
   }
 
@@ -57,13 +57,13 @@
     max-width: 270px;
     padding: 8px;
 
-    color: #FFF;
-    border-radius: 4px;
-    background-color: #6B81DD;
-
     font-size: 10px;
     line-height: 16px;
 
+    color: #fff;
+    border-radius: 4px;
+    background-color: #6b81dd;
+
     &::before {
       position: absolute;
       top: -4px;
@@ -72,9 +72,10 @@
       height: 8.5px;
 
       content: "";
-      transform: rotate(45deg);
 
-      background-color: #6B81DD;
+      background-color: #6b81dd;
+
+      transform: rotate(45deg);
     }
   }
 

package/dist/Atomic/UI/TagList/TagList.js

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
-var _Tag = _interopRequireDefault(require("../Tag/Tag"));
 var _utils = require("../../../Functions/utils");
+var _Tag = _interopRequireDefault(require("../Tag/Tag"));
 require("./TagList.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; }
@@ -20,8 +20,8 @@ const TagList = _ref => {
     items = [],
     withToggle = true,
     disableShowMore = false,
-    shownItemsCount = 'auto',
-    testId = 'test-taglist'
+    shownItemsCount = "auto",
+    testId = "test-taglist"
   } = _ref;
   const wrapperRef = (0, _react.useRef)(null);
   const [wrapperWidth, setWrapperWidth] = (0, _react.useState)(-1);
@@ -44,7 +44,7 @@ const TagList = _ref => {
     }, true);
   };
   const getStaticTagsCount = () => {
-    if (typeof shownItemsCount === 'number') return shownItemsCount;
+    if (typeof shownItemsCount === "number") return shownItemsCount;
     const result = tagList.map(_ref3 => {
       let {
         itemRef
@@ -52,7 +52,7 @@ const TagList = _ref => {
       return itemRef;
     }).reduce((result, itemRef) => {
       // const itemWidth = itemRef.current.getBoundingClientRect();
-      const itemWidth = parseInt(window.getComputedStyle(itemRef === null || itemRef === void 0 ? void 0 : itemRef.current).getPropertyValue('width')) + parseInt(window.getComputedStyle(itemRef === null || itemRef === void 0 ? void 0 : itemRef.current).getPropertyValue('margin-left')) + parseInt(window.getComputedStyle(itemRef === null || itemRef === void 0 ? void 0 : itemRef.current).getPropertyValue('margin-right'));
+      const itemWidth = parseInt(window.getComputedStyle(itemRef === null || itemRef === void 0 ? void 0 : itemRef.current).getPropertyValue("width"), 10) + parseInt(window.getComputedStyle(itemRef === null || itemRef === void 0 ? void 0 : itemRef.current).getPropertyValue("margin-left"), 10) + parseInt(window.getComputedStyle(itemRef === null || itemRef === void 0 ? void 0 : itemRef.current).getPropertyValue("margin-right"), 10);
       if (!isNaN(itemWidth) && itemWidth > 0 && itemWidth + result.width < wrapperWidth) {
         result = {
           count: result.count + 1,
@@ -80,7 +80,7 @@ const TagList = _ref => {
 
   // Set TagList Wrapper Width
   (0, _react.useLayoutEffect)(() => {
-    const wrapperNewWidth = parseInt(window.getComputedStyle(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current).getPropertyValue('width')) - 48;
+    const wrapperNewWidth = parseInt(window.getComputedStyle(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current).getPropertyValue("width"), 10) - 48;
     if (wrapperRef.current && wrapperNewWidth !== wrapperWidth) {
       setWrapperWidth(wrapperNewWidth);
     }
@@ -122,7 +122,7 @@ const TagList = _ref => {
       ...item,
       isHidden: renderItemsCount !== -1 ? i >= renderItemsCount : false
     })).map((item, i) => /*#__PURE__*/_react.default.createElement("div", {
-      className: "tag-list_wrapper_item ".concat(item.isHidden ? 'tag-list_wrapper_item--hidden' : ''),
+      className: "tag-list_wrapper_item ".concat(item.isHidden ? "tag-list_wrapper_item--hidden" : ""),
       key: "tag-list-item-".concat(i),
       ref: (0, _utils.checkedRef)(item === null || item === void 0 ? void 0 : item.itemRef)
     }, /*#__PURE__*/_react.default.createElement(_Tag.default, (0, _extends2.default)({
@@ -150,7 +150,7 @@ const TagList = _ref => {
     });
   };
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "tag-list_wrapper ".concat(renderItemsCount !== (tagList === null || tagList === void 0 ? void 0 : tagList.length) || !withToggle || staticTagsCount === -1 || staticTagsCount === (tagList === null || tagList === void 0 ? void 0 : tagList.length) ? 'tag-list_wrapper--only-static-items' : 'tag-list_wrapper--all-items', " ").concat(className !== null && className !== void 0 ? className : ''),
+    className: "tag-list_wrapper ".concat(renderItemsCount !== (tagList === null || tagList === void 0 ? void 0 : tagList.length) || !withToggle || staticTagsCount === -1 || staticTagsCount === (tagList === null || tagList === void 0 ? void 0 : tagList.length) ? "tag-list_wrapper--only-static-items" : "tag-list_wrapper--all-items", " ").concat(className !== null && className !== void 0 ? className : ""),
     ref: wrapperRef
   }, renderTags(), renderMoreTags(), renderHideTags());
 };

package/dist/Atomic/UI/TagList/TagList.scss

@@ -26,7 +26,7 @@
   &_hide-more {
     cursor: pointer;
 
-    background: #FFEDC8;
+    background: #ffedc8;
   }
 
   .tag {

package/dist/Atomic/UI/UserBox/UserBox.js

@@ -7,20 +7,20 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _Button = _interopRequireDefault(require("../Button/Button"));
-var _Label = _interopRequireDefault(require("../../FormElements/Label/Label"));
 var _utils = require("../../../Functions/utils");
+var _Label = _interopRequireDefault(require("../../FormElements/Label/Label"));
+var _Button = _interopRequireDefault(require("../Button/Button"));
 require("./UserBox.scss");
 const UserBox = _ref => {
   let {
-    name = 'Username',
+    name = "Username",
     role,
     id,
     onClick,
     isModal,
     className,
     colors,
-    testId = ''
+    testId = ""
   } = _ref;
   const getNameFirstLetter = name.charAt(0).toUpperCase();
   const renderUser = () => {
@@ -53,7 +53,7 @@ const UserBox = _ref => {
     }
   };
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('td-user-box', className)
+    className: (0, _classnames.default)("td-user-box", className)
   }, renderUser());
 };
 var _default = exports.default = UserBox;

package/dist/Atomic/UI/UserBox/UserBox.scss

@@ -1,23 +1,22 @@
 .td-user-box {
   display: flex;
-  align-items: center;
   justify-content: flex-start;
+  align-items: center;
 
   &__avatar {
     display: flex;
-    align-items: center;
     justify-content: center;
+    align-items: center;
 
     width: 24px;
     height: 24px;
 
+    font-size: 16px;
+    font-weight: 400;
     user-select: none;
 
-    color: #FFF;
+    color: #fff;
     border-radius: 30px;
-
-    font-size: 16px;
-    font-weight: 400;
   }
 
   &__user-data {
@@ -26,10 +25,11 @@
 
     span {
       padding-left: 8px;
+
       font-family: Sarabun;
       font-size: 12px;
-      font-style: normal;
       font-weight: 400;
+      font-style: normal;
       line-height: 18px; /* 150% */
       letter-spacing: 0.2px;
     }
@@ -47,9 +47,9 @@
     margin-bottom: 0;
     margin-left: 8px;
 
-    color: #171D33;
-
     font-size: 14px;
     font-weight: 400;
+
+    color: #171d33;
   }
 }