intelicoreact 1.3.21 → 1.3.23

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

@@ -1,100 +1,70 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.TdActions = void 0;
-
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var Icons = _interopRequireWildcard(require("react-feather"));
-
 var _Switcher = _interopRequireDefault(require("../../../FormElements/Switcher/Switcher"));
-
 require("./TdTypes.scss");
-
-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 TdActions = function TdActions(_ref) {
-  var actions = _ref.actions,
-      onChange = _ref.onChange,
-      onActionClick = _ref.onActionClick,
-      rowItem = _ref.rowItem;
+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 TdActions = _ref => {
+  let {
+    actions,
+    onChange,
+    onActionClick,
+    rowItem
+  } = _ref;
   if (!actions) return false;
-
-  var _useState = (0, _react.useState)(actions),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
-  var handleArrayChange = function handleArrayChange(value, index, prop) {
+  const [state, setState] = (0, _react.useState)(actions);
+  const handleArrayChange = (value, index, prop) => {
     state[index][prop] = value;
-    setState((0, _toConsumableArray2.default)(state));
+    setState([...state]);
     onChange(state);
   };
-
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "j6"
-  }, actions === null || actions === void 0 ? void 0 : actions.map(function (action, index) {
+  }, 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: function onClick() {}
+          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: function onClick() {}
+          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: function onClick() {
-            return 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: function onClick() {
-            return 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: function onChange(e) {
-            return handleArrayChange(e, index, 'value');
-          }
+          onChange: e => handleArrayChange(e, index, "value")
         }));
-
       default:
         return null;
     }
   }));
 };
-
 exports.TdActions = TdActions;

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

@@ -1,24 +1,20 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _reactFeather = require("react-feather");
-
 require("../Table.scss");
-
-var TdPriority = function TdPriority(_ref) {
-  var _onClick = _ref.onClick,
-      rowIndex = _ref.rowIndex,
-      cardLength = _ref.cardLength;
+const TdPriority = _ref => {
+  let {
+    onClick,
+    rowIndex,
+    cardLength
+  } = _ref;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "cards-table__priority"
   }, /*#__PURE__*/_react.default.createElement("span", {
@@ -26,21 +22,15 @@ var TdPriority = function TdPriority(_ref) {
   }, rowIndex + 1), /*#__PURE__*/_react.default.createElement("div", {
     className: "df"
   }, /*#__PURE__*/_react.default.createElement(_reactFeather.ArrowDown, {
-    onClick: function onClick() {
-      return _onClick(rowIndex);
-    },
-    className: (0, _classnames.default)('table--icon', {
+    onClick: () => onClick(rowIndex),
+    className: (0, _classnames.default)("table--icon", {
       disabled: rowIndex + 1 === cardLength
     })
   }), /*#__PURE__*/_react.default.createElement(_reactFeather.ArrowUp, {
-    onClick: function onClick() {
-      return _onClick(rowIndex, true);
-    },
-    className: (0, _classnames.default)('table--icon', {
+    onClick: () => onClick(rowIndex, true),
+    className: (0, _classnames.default)("table--icon", {
       disabled: rowIndex === 0
     })
   })));
 };
-
-var _default = TdPriority;
-exports.default = _default;
+var _default = exports.default = TdPriority;

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

@@ -1,19 +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"));
-
-var TdRange = function TdRange(_ref) {
-  var item = _ref.item;
+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 = TdRange;
-exports.default = _default;
+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

@@ -1,78 +1,53 @@
 "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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
-
-var _index = require("../../../../../../JS/Constants/index.constants");
-
-var _useToggle2 = _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(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 TdWeight = function TdWeight(_ref) {
-  var value = _ref.value,
-      percent = _ref.percent,
-      onChange = _ref.onChange,
-      className = _ref.className;
-
-  var _useState = (0, _react.useState)(value),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      state = _useState2[0],
-      setState = _useState2[1];
-
-  var _useToggle = (0, _useToggle2.default)(false),
-      isEdited = _useToggle.isToggled,
-      unsetIsEdited = _useToggle.toggleOff,
-      setIsEdited = _useToggle.toggleOn;
-
-  (0, _react.useEffect)(function () {
+const TdWeight = _ref => {
+  let {
+    value,
+    percent,
+    onChange,
+    className
+  } = _ref;
+  const [state, setState] = (0, _react.useState)(value);
+  const {
+    isToggled: isEdited,
+    toggleOff: unsetIsEdited,
+    toggleOn: setIsEdited
+  } = (0, _utils.useOutsideToggle)(false);
+  (0, _react.useEffect)(() => {
     setState(value);
   }, [value, isEdited]);
-
-  var handleKeyUp = function handleKeyUp(_ref2) {
-    var keyCode = _ref2.keyCode,
-        target = _ref2.target;
-
-    if (keyCode === _index.KEY_CODE.ENTER) {
-      var newValue = +target.value || 1;
+  const handleKeyUp = _ref2 => {
+    let {
+      keyCode,
+      target
+    } = _ref2;
+    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: function onChange(e) {
-      return setState(e);
-    },
+    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, "%)")));
 };
-
-var _default = TdWeight;
-exports.default = _default;
+var _default = exports.default = TdWeight;

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

@@ -1,79 +1,51 @@
 "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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _reactFeather = require("react-feather");
-
 var _utils = require("../../../Functions/utils");
-
 require("./Tag.scss");
-
-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 Tag = function Tag(_ref) {
-  var value = _ref.value,
-      className = _ref.className,
-      label = _ref.label,
-      warning = _ref.warning,
-      removeItem = _ref.removeItem,
-      name = _ref.name,
-      _ref$isNoDismiss = _ref.isNoDismiss,
-      isNoDismiss = _ref$isNoDismiss === void 0 ? true : _ref$isNoDismiss,
-      _ref$onClick = _ref.onClick,
-      onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
-      _ref$testId = _ref.testId,
-      testId = _ref$testId === void 0 ? 'test-tag' : _ref$testId,
-      _ref$testIdRemove = _ref.testIdRemove,
-      testIdRemove = _ref$testIdRemove === void 0 ? 'test-tag-remove' : _ref$testIdRemove;
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isTagHover = _useState2[0],
-      setIsTagHover = _useState2[1];
-
+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 Tag = _ref => {
+  let {
+    value,
+    className,
+    label,
+    warning,
+    removeItem,
+    name,
+    isNoDismiss = true,
+    onClick = () => {},
+    testId = "test-tag",
+    testIdRemove = "test-tag-remove"
+  } = _ref;
+  const [isTagHover, setIsTagHover] = (0, _react.useState)(false);
   return /*#__PURE__*/_react.default.createElement("div", {
-    onMouseEnter: function onMouseEnter() {
-      return setIsTagHover(true);
-    },
-    onMouseLeave: function onMouseLeave() {
-      return setIsTagHover(false);
-    },
+    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"
   }, label || name), removeItem && !isNoDismiss && /*#__PURE__*/_react.default.createElement("button", {
     "data-testid": testIdRemove,
-    onClick: function onClick() {
-      return removeItem(value);
-    },
+    onClick: () => removeItem(value),
     className: "tag__button"
   }, /*#__PURE__*/_react.default.createElement(_reactFeather.X, {
     className: "color--text"
   })));
 };
-
-var _default = Tag;
-exports.default = _default;
+var _default = exports.default = Tag;

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);
     }
   }