intelicoreact 1.5.32 → 1.5.34

package/dist/Atomic/UI/Table/Partials/TdTitle.js

@@ -1,50 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _Langs = _interopRequireDefault(require("../../../../../Langs"));
-var _Modal = _interopRequireDefault(require("../../Modal/Modal"));
-var _Tag = _interopRequireDefault(require("../../Tag/Tag"));
-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 TdTitle = _ref => {
-  let {
-    locations,
-    title
-  } = _ref;
-  const txt = _Langs.default[global.lng];
-  const [isOpen, setIsOpen] = (0, _react.useState)(false);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "cards-table__title-box"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "cards-table__title-box--left"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "cards-table__title-box--title"
-  }, txt.titles[title] || title), /*#__PURE__*/_react.default.createElement("div", {
-    className: "cards-table__title-box--tags"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "mr5"
-  }, txt.labels.locations.toUpperCase(), ":"), locations === null || locations === void 0 ? void 0 : locations.map((tag, index) => /*#__PURE__*/_react.default.createElement(_Tag.default, {
-    key: index,
-    label: tag.label
-  })))), /*#__PURE__*/_react.default.createElement("div", {
-    className: "cards-table__title-box--right"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    onClick: () => setIsOpen(true),
-    className: "cards-table__title-edit-btn mr5"
-  }, txt.buttons.edit), /*#__PURE__*/_react.default.createElement(_Modal.default, {
-    mode: "edit",
-    closeModal: () => setIsOpen(false),
-    isOpen: isOpen,
-    title: txt.titles.pingTree,
-    size: "420"
-  }, "test"), /*#__PURE__*/_react.default.createElement("span", {
-    className: "cards-table__title-delete-btn"
-  }, txt.buttons.deletePingTree)));
-};
-var _default = exports.default = TdTitle;

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

@@ -1,49 +0,0 @@
-"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 _TdHeader = _interopRequireDefault(require("./Partials/TdHeader"));
-var _TdRow = _interopRequireDefault(require("./Partials/TdRow"));
-require("./Table.scss");
-const Table = _ref => {
-  let {
-    rows,
-    onChange,
-    className,
-    header,
-    onActionClick,
-    testId = "table"
-  } = _ref;
-  const handleArrayChange = (value, index) => {
-    rows[index] = value;
-    onChange({
-      header: [...header],
-      rows: [...rows]
-    });
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    "data-testid": testId,
-    className: (0, _classnames.default)("simple-table", {
-      ["simple-table--".concat(className)]: className
-    })
-  }, /*#__PURE__*/_react.default.createElement("table", null, /*#__PURE__*/_react.default.createElement("thead", null, /*#__PURE__*/_react.default.createElement("tr", null, header === null || header === void 0 ? void 0 : header.map(item => /*#__PURE__*/_react.default.createElement(_TdHeader.default, {
-    item: item,
-    key: item.key
-  })))), /*#__PURE__*/_react.default.createElement("tbody", null, rows && rows !== null && rows !== void 0 && rows.length ? rows === null || rows === void 0 ? void 0 : rows.map((row, index) => /*#__PURE__*/_react.default.createElement(_TdRow.default, {
-    onActionClick: onActionClick,
-    rowIndex: index,
-    key: typeof row.id === "object" ? row.id.value : row.id,
-    item: row,
-    header: header,
-    onChange: value => handleArrayChange(value, index)
-  })) : /*#__PURE__*/_react.default.createElement("tr", null, /*#__PURE__*/_react.default.createElement("td", {
-    className: "row--not-found",
-    colSpan: header === null || header === void 0 ? void 0 : header.length
-  }, "Not set")))));
-};
-var _default = exports.default = Table;

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

@@ -1,88 +0,0 @@
-@import "../../../scss/vars";
-
-.table-header {
-  &--weight-actions {
-    width: 3%;
-  }
-}
-
-.table--icon {
-  min-width: 16px;
-  min-height: 16px;
-  padding: 5px;
-
-  cursor: pointer;
-
-  color: #9aa0b9;
-  border-radius: 5px;
-
-  &:hover {
-    background-color: #f3f3f3;
-  }
-}
-
-.simple-table {
-  overflow-x: auto;
-
-  width: 100%;
-
-  color: #1e1e2d;
-
-  table {
-    //table-layout: fixed;
-    width: 100%;
-
-    border-spacing: 0;
-    border-collapse: collapse;
-
-    thead {
-      font-size: 10px;
-      white-space: nowrap;
-      text-transform: uppercase;
-
-      color: #9aa0b9;
-      background-color: #ebeff2;
-
-      th {
-        padding: 10px 15px;
-
-        font-weight: 400;
-
-        &:last-child {
-          text-align: right;
-        }
-      }
-    }
-
-    tbody {
-      font-size: 13px;
-
-      tr {
-        border-bottom: 1px solid #f1f1f1;
-      }
-
-      td {
-        padding: 7.5px 15px;
-
-        background-color: #ffff;
-      }
-    }
-  }
-}
-
-.accordion--table {
-  overflow: visible;
-
-  tr {
-    border: none !important;
-  }
-
-  td {
-    padding: 3px 15px !important;
-
-    font-size: 10px;
-
-    border: none !important;
-    background-color: #f7fafc !important;
-  }
-}

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

@@ -1,70 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TdActions = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var Icons = _interopRequireWildcard(require("react-feather"));
-var _Switcher = _interopRequireDefault(require("../../../FormElements/Switcher/Switcher"));
-require("./TdTypes.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 TdActions = _ref => {
-  let {
-    actions,
-    onChange,
-    onActionClick,
-    rowItem
-  } = _ref;
-  if (!actions) return false;
-  const [state, setState] = (0, _react.useState)(actions);
-  const handleArrayChange = (value, index, prop) => {
-    state[index][prop] = value;
-    setState([...state]);
-    onChange(state);
-  };
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "j6"
-  }, actions === null || actions === void 0 ? void 0 : actions.map((action, index) => {
-    switch (action.type) {
-      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":
-        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":
-        return /*#__PURE__*/_react.default.createElement("div", {
-          key: index,
-          className: "td-actions--item td-actions--delete",
-          onClick: () => onActionClick("delete", rowItem)
-        }, /*#__PURE__*/_react.default.createElement(Icons.Trash2, null));
-      case "undo":
-        return /*#__PURE__*/_react.default.createElement("div", {
-          key: index,
-          className: "td-actions--item td-actions--undo",
-          onClick: () => onActionClick("undo", rowItem)
-        }, /*#__PURE__*/_react.default.createElement(Icons.RotateCcw, null));
-      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")
-        }));
-      default:
-        return null;
-    }
-  }));
-};
-exports.TdActions = TdActions;

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

@@ -1,36 +0,0 @@
-"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");
-const TdPriority = _ref => {
-  let {
-    onClick,
-    rowIndex,
-    cardLength
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "cards-table__priority"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "mr5"
-  }, rowIndex + 1), /*#__PURE__*/_react.default.createElement("div", {
-    className: "df"
-  }, /*#__PURE__*/_react.default.createElement(_reactFeather.ArrowDown, {
-    onClick: () => onClick(rowIndex),
-    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", {
-      disabled: rowIndex === 0
-    })
-  })));
-};
-var _default = exports.default = TdPriority;

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

@@ -1,14 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-const TdRange = _ref => {
-  let {
-    item
-  } = _ref;
-  if (!item) return false;
-  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/TdWeight.js

@@ -1,53 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _utils = require("../../../../Functions/utils");
-var _Modal = require("../../Modal/Modal");
-require("../Table.scss");
-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]);
-  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.createElement(React.Fragment, null, isEdited ? /*#__PURE__*/React.createElement(Input, {
-    value: state,
-    onChange: e => setState(e),
-    onBlur: unsetIsEdited,
-    onKeyUp: handleKeyUp,
-    autoFocus: true
-  }) : /*#__PURE__*/React.createElement("div", {
-    className: (0, _classnames.default)("td-weight", className),
-    onClick: setIsEdited
-  }, /*#__PURE__*/React.createElement("span", null, value), /*#__PURE__*/React.createElement("span", {
-    className: "ml2 color--grey-gull"
-  }, "(", percent, "%)")));
-};
-var _default = exports.default = TdWeight;

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

@@ -1,125 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _reactDom = require("react-dom");
-var _reactFeather = require("react-feather");
-var _Spinner = _interopRequireDefault(require("./../../Layout/Spinner/Spinner"));
-require("./Tag.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 Tag = _ref => {
-  var _tagRef$current$getBo, _tagRef$current;
-  let {
-    value,
-    className,
-    style,
-    label,
-    warning,
-    removeItem,
-    name,
-    isPopup,
-    // popupInfo,
-    popupInfoContent,
-    popupClassName,
-    id,
-    isNoDismiss = true,
-    onClick = () => {},
-    testId = "tag"
-  } = _ref;
-  const tagRef = (0, _react.useRef)();
-  const [isTagHover, setIsTagHover] = (0, _react.useState)(false);
-  const [isTagPopupOpened, setIsTagPopupOpened] = (0, _react.useState)(false);
-  const {
-    x,
-    y,
-    height,
-    width
-  } = (_tagRef$current$getBo = tagRef === null || tagRef === void 0 || (_tagRef$current = tagRef.current) === null || _tagRef$current === void 0 ? void 0 : _tagRef$current.getBoundingClientRect()) !== null && _tagRef$current$getBo !== void 0 ? _tagRef$current$getBo : {};
-  const {
-    scrollY
-  } = window;
-  const tagPopupStyles = (0, _react.useMemo)(() => {
-    var _tagRef$current2;
-    if (!isTagPopupOpened || !(tagRef !== null && tagRef !== void 0 && tagRef.current)) return {};
-    const {
-      x,
-      y,
-      height,
-      width
-    } = tagRef === null || tagRef === void 0 || (_tagRef$current2 = tagRef.current) === null || _tagRef$current2 === void 0 ? void 0 : _tagRef$current2.getBoundingClientRect();
-    return {
-      left: "".concat(x, "px"),
-      top: "".concat(y + scrollY, "px"),
-      transform: "translate(calc(-1 * calc(100% - ".concat(width / 2 + 22, "px)), ").concat(height + 10, "px)")
-    };
-  }, [isTagPopupOpened, x, y, width, height, scrollY]);
-  const handle = {
-    onTagClick: () => {
-      if (isPopup) {
-        setIsTagPopupOpened(!isTagPopupOpened);
-      }
-      onClick(id);
-    }
-  };
-
-  // закрытие по кликаутсайду
-  const handleClickOutside = () => {
-    setIsTagPopupOpened(false);
-  };
-  (0, _react.useEffect)(() => {
-    document.addEventListener("click", handleClickOutside, true);
-    return () => {
-      document.removeEventListener("click", handleClickOutside, true);
-    };
-  }, []);
-
-  // закрытие по скролу
-  (0, _react.useEffect)(() => {
-    const handleScroll = () => {
-      setIsTagPopupOpened(false);
-    };
-    window.addEventListener("scroll", handleScroll, true);
-    return () => {
-      window.removeEventListener("scroll", handleScroll, true);
-    };
-  }, []);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    onMouseEnter: () => setIsTagHover(true),
-    onMouseLeave: () => setIsTagHover(false),
-    "data-testid": testId,
-    className: (0, _classnames.default)("tag", className, {
-      "tag-warn": warning
-    }),
-    style: style !== null && style !== void 0 ? style : {},
-    onClick: () => handle.onTagClick(),
-    ref: tagRef
-  }, 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", {
-    className: "tag__warn-hint"
-  }, warning), /*#__PURE__*/_react.default.createElement("span", {
-    className: "tag__label"
-  }, label || name), removeItem && !isNoDismiss && /*#__PURE__*/_react.default.createElement("button", {
-    onClick: e => {
-      e === null || e === void 0 || e.preventDefault();
-      e === null || e === void 0 || e.stopPropagation();
-      removeItem(value);
-    },
-    className: "tag__button"
-  }, /*#__PURE__*/_react.default.createElement(_reactFeather.X, {
-    className: "color--text"
-  })), isTagPopupOpened && /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/_react.default.createElement("div", {
-    id: "tagPopup".concat(value),
-    className: (0, _classnames.default)("tag__popup", popupClassName),
-    style: tagPopupStyles
-  }, !popupInfoContent ? /*#__PURE__*/_react.default.createElement(_Spinner.default, {
-    size: "small"
-  }) : popupInfoContent), document.getElementById("app")));
-};
-var _default = exports.default = Tag;

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

@@ -1,112 +0,0 @@
-@import "../../../scss/vars";
-
-.tag {
-  position: relative;
-
-  display: inline-flex;
-  align-items: center;
-
-  height: 22px;
-  margin-right: 4px;
-  padding: 0 6px;
-
-  cursor: pointer;
-  user-select: none;
-  vertical-align: middle;
-  white-space: nowrap;
-
-  border-radius: 3px;
-  background-color: $color--gray--light;
-
-  &__label {
-    font-size: 11px;
-
-    color: $color--dark;
-  }
-
-  &__button {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-
-    width: 16px;
-    height: 16px;
-    margin-left: 8px;
-
-    cursor: pointer;
-
-    opacity: 0.3;
-    color: #1e1e2d;
-  }
-
-  &-warn {
-    background-color: $color--error-bg;
-
-    .tag__label {
-      color: #b9002c;
-    }
-  }
-
-  &__warn-hint {
-    position: absolute;
-    z-index: 2;
-    top: 30px;
-    left: 2px;
-
-    min-width: 80px;
-    max-width: 270px;
-    padding: 8px;
-
-    font-size: 10px;
-    line-height: 16px;
-
-    color: #fff;
-    border-radius: 4px;
-    background-color: #6b81dd;
-
-    &::before {
-      position: absolute;
-      top: -4px;
-
-      width: 8.5px;
-      height: 8.5px;
-
-      content: "";
-
-      background-color: #6b81dd;
-
-      transform: rotate(45deg);
-    }
-  }
-
-  svg {
-    min-width: 16px;
-    max-width: 16px;
-    min-height: 16px;
-    max-height: 16px;
-  }
-}
-
-.tag__popup {
-  position: absolute;
-  background: #FFFFFF;
-  box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.25);
-  z-index: 9999;
-  border-radius: 4px;
-  min-height: 60px;
-  min-width: 200px;
-  width: fit-content;
-  box-sizing: border-box;
-  padding: 8px;
-
-  &:before {
-    content: '';
-    position: absolute;
-    width: 12px;
-    height: 12px;
-    background: #FFFFFF;
-    top: -6px;
-    right: 15px;
-    transform: rotate(45deg);
-  }
-}