intelicoreact 0.2.13 → 0.2.16

package/dist/Atomic/UI/ProgressLine/ProgressLine.js

@@ -0,0 +1,105 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+require("./ProgressLine.scss");
+
+var ProgressLine = function ProgressLine(_ref) {
+  var _ref$label = _ref.label,
+      label = _ref$label === void 0 ? '' : _ref$label,
+      _ref$labelAlign = _ref.labelAlign,
+      labelAlign = _ref$labelAlign === void 0 ? 'left' : _ref$labelAlign,
+      _ref$renderValue = _ref.renderValue,
+      renderValue = _ref$renderValue === void 0 ? false : _ref$renderValue,
+      _ref$renderValueInPer = _ref.renderValueInPercents,
+      renderValueInPercents = _ref$renderValueInPer === void 0 ? false : _ref$renderValueInPer,
+      _ref$valueMeasurement = _ref.valueMeasurement,
+      valueMeasurement = _ref$valueMeasurement === void 0 ? '' : _ref$valueMeasurement,
+      _ref$valueHorizontalP = _ref.valueHorizontalPosition,
+      valueHorizontalPosition = _ref$valueHorizontalP === void 0 ? 'right' : _ref$valueHorizontalP,
+      _ref$valueVerticalPos = _ref.valueVerticalPosition,
+      valueVerticalPosition = _ref$valueVerticalPos === void 0 ? 'center' : _ref$valueVerticalPos,
+      _ref$symbolsAfterComm = _ref.symbolsAfterComma,
+      symbolsAfterComma = _ref$symbolsAfterComm === void 0 ? 0 : _ref$symbolsAfterComm,
+      _ref$minValue = _ref.minValue,
+      minValue = _ref$minValue === void 0 ? 0 : _ref$minValue,
+      _ref$maxValue = _ref.maxValue,
+      maxValue = _ref$maxValue === void 0 ? 100 : _ref$maxValue,
+      _ref$value = _ref.value,
+      value = _ref$value === void 0 ? 0 : _ref$value,
+      _ref$showExtremums = _ref.showExtremums,
+      showExtremums = _ref$showExtremums === void 0 ? false : _ref$showExtremums,
+      _ref$extremumsPositio = _ref.extremumsPosition,
+      extremumsPosition = _ref$extremumsPositio === void 0 ? 'top' : _ref$extremumsPositio,
+      _ref$variant = _ref.variant,
+      variant = _ref$variant === void 0 ? 'info' : _ref$variant,
+      _ref$useVariantLabelC = _ref.useVariantLabelColor,
+      useVariantLabelColor = _ref$useVariantLabelC === void 0 ? false : _ref$useVariantLabelC,
+      _ref$className = _ref.className,
+      className = _ref$className === void 0 ? '' : _ref$className;
+
+  var getFilledLineWidth = function getFilledLineWidth() {
+    if (value > maxValue) value = maxValue;
+    return "".concat(((value - minValue) * 100 / (maxValue - minValue)).toFixed(symbolsAfterComma), "%");
+  };
+
+  var renderLabel = function renderLabel() {
+    if (!label) return null;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "progress-line__wrapper__label align-".concat(labelAlign)
+    }, label);
+  };
+
+  var renderProgressValue = function renderProgressValue() {
+    if (!renderValue) return null;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "progress-line__wrapper__value"
+    }, renderValueInPercents ? getFilledLineWidth() : "".concat(value, " ").concat(valueMeasurement));
+  };
+
+  var renderExtremums = function renderExtremums() {
+    if (!showExtremums) return null;
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "progress-line__wrapper__extremums position-".concat(extremumsPosition)
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "progress-line__wrapper__extremums--min"
+    }, renderValueInPercents ? '0 %' : "".concat(minValue, " ").concat(valueMeasurement)), /*#__PURE__*/_react.default.createElement("div", {
+      className: "progress-line__wrapper__extremums--max"
+    }, renderValueInPercents ? '100 %' : "".concat(maxValue, " ").concat(valueMeasurement)));
+  };
+
+  var renderFilledLine = function renderFilledLine() {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "progress-line__wrapper__line--filled",
+      style: {
+        width: getFilledLineWidth()
+      }
+    });
+  };
+
+  var renderLine = function renderLine() {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "progress-line__wrapper__line"
+    }, renderExtremums(), renderFilledLine());
+  };
+
+  var render = function render() {
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "progress-line"
+    }, renderLabel(), /*#__PURE__*/_react.default.createElement("div", {
+      className: "progress-line__wrapper variant-".concat(variant, " value-").concat(valueVerticalPosition, "-").concat(valueHorizontalPosition, " ").concat(className)
+    }, renderProgressValue(), renderLine()));
+  };
+
+  return render();
+};
+
+var _default = ProgressLine;
+exports.default = _default;

package/dist/Atomic/UI/ProgressLine/ProgressLine.scss

@@ -0,0 +1,221 @@
+.progress-line {
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  position: relative;
+
+  // Wrapper
+  &__wrapper {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    box-sizing: border-box;
+    position: relative;
+    justify-content: space-between;
+
+    &__label {
+      font-family: 'Sarabun';
+      font-style: normal;
+      font-weight: 400;
+      font-size: 14px;
+      line-height: 20px;
+      letter-spacing: 0.2px;
+      color: #171D33;
+      margin-bottom: 8px;
+
+      &.align-left {
+        text-align: left;
+      }
+
+      &.align-center {
+        text-align: center;
+      }
+
+      &.align-right {
+        text-align: right;
+      }
+    }
+    &__value {
+      font-family: 'Sarabun';
+      font-style: normal;
+      font-weight: 400;
+      font-size: 14px;
+      line-height: 20px;
+      letter-spacing: 0.2px;
+      color: #171D33;
+      display: flex;
+      flex-wrap: nowrap;
+      white-space: nowrap;
+    }
+    // Progress Line Value Position
+    //--Top
+    &[class*="value-top-"] {
+      flex-flow: column;
+
+      [class*="__value"]{
+        margin-bottom: 8px;
+      }
+    }
+    &.value-top-center {
+      align-items: center;
+    }
+    &.value-top-left {
+      align-items: flex-start;
+      text-align: left;
+    }
+    &.value-top-right {
+      align-items: flex-end;
+      text-align: right;
+      padding-right: 8px;
+    }
+    //--Middle
+    &[class*="value-center-"] {
+      align-items: center;
+    }
+    &.value-center-left {
+      flex-flow: row;
+
+      [class*="__value"]{
+        margin-right: 8px;
+        text-align: center;
+      }
+    }
+    &.value-center-right {
+      flex-flow: row-reverse;
+
+      [class*="__value"]{
+        margin-left: 8px;
+        text-align: center;
+      }
+    }
+    //--Bottom
+    &[class*="value-bottom-"] {
+      flex-flow: column-reverse;
+
+      [class*="__value"]{
+        margin-top: 8px;
+      }
+    }
+    &.value-bottom-center {
+      align-items: center;
+    }
+    &.value-bottom-left {
+      align-items: flex-start;
+    }
+    &.value-bottom-right {
+      align-items: flex-end;
+    }
+
+    &__line {
+      width: 100%;
+      height: 4px;
+      border-radius: 8px;
+      position: relative;
+      background: #E6F0F7;
+
+      &--filled {
+        height: 100%;
+        width: 0;
+        border-radius: 8px;
+      }
+    }
+
+    // Progress Line Colors
+    &.variant-info {
+      [class$="__line--filled"] {
+        background: #46AAF2;
+      }
+
+      .variant-label-color {
+        color: #46AAF2;
+      }
+    }
+    &.variant-success {
+      [class$="__line--filled"] {
+        background: #54D3AD;
+      }
+
+      .variant-label-color {
+        color: #54D3AD;
+      }
+    }
+    &.variant-error {
+      [class$="__line--filled"] {
+        background: #FA2E69;
+      }
+
+      .variant-label-color {
+        color: #FA2E69;
+      }
+    }
+    &.variant-grey {
+      [class$="__line--filled"] {
+        background: #A6AAB4;
+      }
+
+      .variant-label-color {
+        color: #A6AAB4;
+      }
+    }
+    &.variant-warning {
+      [class$="__line--filled"] {
+        background: #FFDB7C;
+      }
+
+      .variant-label-color {
+        color: #FFDB7C;
+      }
+    }
+
+    // Extremums
+  &__extremums {
+    font-family: 'Sarabun';
+    font-style: normal;
+    font-weight: 400;
+    font-size: 14px;
+    line-height: 20px;
+    letter-spacing: 0.2px;
+    color: #171D33;
+    line-height: 1;
+    width: 100%;
+    display: flex;
+    justify-content: space-between;
+    position: absolute;
+    box-sizing: border-box;
+
+    &--min {
+      left: 0;
+      top: 0;
+    }
+
+    &--max {
+      right: 0;
+    }
+  }
+  &__extremums.position-top {
+    transform: translateY(calc(-100% - 8px));
+  }
+  &__extremums.position-bottom {
+    transform: translateY(8px);
+  }
+  &__extremums.position-top &__extremums--min,
+  &__extremums.position-bottom &__extremums--min {
+    transform: translateX(-50%);
+  }
+  &__extremums.position-top &__extremums--max,
+  &__extremums.position-bottom &__extremums--max {
+    transform: translateX(50%);
+  }
+  &__extremums.position-center {
+    top: 50%;
+    transform: translateY(-50%);
+  }
+  &__extremums.position-center &__extremums--min {
+    transform: translateX(calc(-100% - 8px));
+  }
+  &__extremums.position-center &__extremums--max {
+    transform: translateX(calc(100% + 8px));
+  }
+  }
+}

package/dist/Atomic/UI/Status/Status.js

@@ -29,6 +29,7 @@ var Status = function Status(_ref) {
   var text = children && typeof children === 'string' ? children : value || label || status;
   var formatedLabel = (text === null || text === void 0 ? void 0 : text[0].toUpperCase()) + (text === null || text === void 0 ? void 0 : text.slice(1));
   return /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": 'test-status',
     className: (0, _classnames.default)({
       disabled: disabled
     }, className)

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

@@ -37,9 +37,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var TdCell = function TdCell(_ref) {
   var type = _ref.type,

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

@@ -16,12 +16,16 @@ require("../Table.scss");
 var _Langs = _interopRequireDefault(require("../../../../../../Langs"));
 
 var TdHeader = function TdHeader(_ref) {
-  var item = _ref.item;
+  var item = _ref.item,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? 'test-table-header' : _ref$testId;
   var txt = _Langs.default[global.lng];
 
   switch (item.type) {
     case 'double':
-      return /*#__PURE__*/_react.default.createElement("th", null, /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/_react.default.createElement("th", {
+        "data-testid": testId
+      }, /*#__PURE__*/_react.default.createElement("div", {
         className: "j46"
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: ""
@@ -31,6 +35,7 @@ var TdHeader = function TdHeader(_ref) {
 
     default:
       return /*#__PURE__*/_react.default.createElement("th", {
+        "data-testid": testId,
         className: (0, _classnames.default)(item.className)
       }, /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)({

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

@@ -31,9 +31,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var TdRow = function TdRow(_ref) {
   var item = _ref.item,
@@ -48,7 +48,9 @@ var TdRow = function TdRow(_ref) {
       changePriority = _ref.changePriority,
       getAdviceWeight = _ref.getAdviceWeight,
       onActionClick = _ref.onActionClick,
-      isDeleted = _ref.isDeleted;
+      isDeleted = _ref.isDeleted,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? 'test-table-row' : _ref$testId;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -71,6 +73,7 @@ var TdRow = function TdRow(_ref) {
         value = _ref3[1];
 
     return key === 'id' || key === 'isDeleted' ? null : /*#__PURE__*/_react.default.createElement("td", {
+      "data-testid": testId,
       key: key,
       className: (0, _classnames.default)('cards-table__body-item', {
         'cards-table__accordion': value.type === 'accordion'

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

@@ -28,7 +28,9 @@ var Table = function Table(_ref) {
       onChange = _ref.onChange,
       className = _ref.className,
       header = _ref.header,
-      onActionClick = _ref.onActionClick;
+      onActionClick = _ref.onActionClick,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? 'test-table' : _ref$testId;
 
   var handleArrayChange = function handleArrayChange(value, index) {
     rows[index] = value;
@@ -39,6 +41,7 @@ var Table = function Table(_ref) {
   };
 
   return /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": testId,
     className: (0, _classnames.default)('simple-table', (0, _defineProperty2.default)({}, "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(function (item) {
     return /*#__PURE__*/_react.default.createElement(_TdHeader.default, {

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

@@ -26,8 +26,13 @@ var Tag = function Tag(_ref) {
       removeItem = _ref.removeItem,
       name = _ref.name,
       _ref$onClick = _ref.onClick,
-      onClick = _ref$onClick === void 0 ? function () {} : _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;
   return /*#__PURE__*/_react.default.createElement("div", {
+    "data-testid": testId,
     className: (0, _classnames.default)('tag', className, {
       'tag-warn': warning
     }),
@@ -37,6 +42,7 @@ var Tag = function Tag(_ref) {
   }), /*#__PURE__*/_react.default.createElement("span", {
     className: "tag__label"
   }, label || name), removeItem && /*#__PURE__*/_react.default.createElement("button", {
+    "data-testid": testIdRemove,
     onClick: function onClick() {
       return removeItem();
     },

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

@@ -35,9 +35,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 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; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var TagList = function TagList(_ref) {
   var className = _ref.className,
@@ -48,7 +48,9 @@ var TagList = function TagList(_ref) {
       _ref$withToggle = _ref.withToggle,
       withToggle = _ref$withToggle === void 0 ? true : _ref$withToggle,
       _ref$shownItemsCount = _ref.shownItemsCount,
-      shownItemsCount = _ref$shownItemsCount === void 0 ? 'auto' : _ref$shownItemsCount;
+      shownItemsCount = _ref$shownItemsCount === void 0 ? 'auto' : _ref$shownItemsCount,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? 'test-taglist' : _ref$testId;
   var wrapperRef = (0, _react.useRef)(null);
 
   var _useState = (0, _react.useState)(-1),
@@ -143,12 +145,15 @@ var TagList = function TagList(_ref) {
   }); // Set TagList Items
 
   (0, _react.useEffect)(function () {
+    setStaticTagsCount(-1);
+    setRenderItemsCount(-1);
+    setRenderAll(false);
     setTagList(items.map(function (item) {
       return _objectSpread(_objectSpread({}, item), {}, {
         itemRef: /*#__PURE__*/(0, _react.createRef)()
       });
     }));
-  }, [items]); // Count Row Tags
+  }, [items.length]); // Count Row Tags
 
   (0, _react.useEffect)(function () {
     if (!withToggle) return false;
@@ -179,7 +184,9 @@ var TagList = function TagList(_ref) {
         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)({}, item, {
+      }, /*#__PURE__*/_react.default.createElement(_Tag.default, (0, _extends2.default)({
+        testId: "test-taglist-item-".concat(i)
+      }, item, {
         removeItem: removeItem
       })));
     });

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

@@ -5,6 +5,7 @@
   min-width: 100%;
 
   &--only-static-items{
+    display: flex;
     .tag-list_wrapper_item{
       margin-bottom: 0!important;
     }

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

@@ -32,11 +32,13 @@ var UserBox = function UserBox(_ref) {
   var renderUser = function renderUser() {
     if (isModal) {
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+        "data-testid": "test-userBox",
         style: {
           backgroundColor: (0, _utils.getColorById)(id, colors)
         },
         className: "td-user-box__avatar"
       }, getNameFirstLetter), /*#__PURE__*/_react.default.createElement(_Button.default, {
+        testId: "test-userBox-onclick",
         className: "p0 no-shadow",
         onClick: onClick,
         label: name,

package/dist/Constants/index.constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.DEFAULT_COLORS = exports.DEFAULT_DATE_MASK_NO_VALUE_SYMBOL = exports.MAX_NAME_LENGTH = exports.MAX_PHONE_LENGTH = exports.KEYBOARD_SERVICE_KEYS = void 0;
+exports.MAX_PHONE_LENGTH = exports.MAX_NAME_LENGTH = exports.KEYBOARD_SERVICE_KEYS = exports.DEFAULT_DATE_MASK_NO_VALUE_SYMBOL = exports.DEFAULT_COLORS = void 0;
 var KEYBOARD_SERVICE_KEYS = ['Escape', 'F1', 'F2', 'F3', 'F4', 'F5', 'F6', 'F7', 'F8', 'F9', 'F10', 'F11', 'F12', 'Tab', 'CapsLock', 'Shift', 'Control', 'Meta', 'Option', 'Alt', 'ContextMenu', 'ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'NumLock', 'Backspace', 'Delete', 'Enter', 'Return', 'Insert', 'Home', 'End', 'PageUp', 'PageDown', 'PrintScreen', 'ScrollLock', 'Pause'];
 exports.KEYBOARD_SERVICE_KEYS = KEYBOARD_SERVICE_KEYS;
 var MAX_PHONE_LENGTH = 10;

package/dist/Functions/fieldValueFormatters.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.filterNumeric = exports.filterPhone = exports.filterToLimitLength = exports.filterFloat = exports.formatNumberValueToMask = exports.formatToCutOffDotAtTheEnd = exports.formatToOnlyASCIICodeText = exports.formatToLetters = exports.formatToTwoDigitAfterDot = exports.formatToPriceInputAndDollarSymbol = exports.formatToAddBitDepthPoints = exports.formatToRemoveComa = exports.formatDollarSign = exports.formatOnlyNumbers = void 0;
+exports.formatToTwoDigitAfterDot = exports.formatToRemoveComa = exports.formatToPriceInputAndDollarSymbol = exports.formatToOnlyASCIICodeText = exports.formatToLetters = exports.formatToCutOffDotAtTheEnd = exports.formatToAddBitDepthPoints = exports.formatOnlyNumbers = exports.formatNumberValueToMask = exports.formatDollarSign = exports.filterToLimitLength = exports.filterPhone = exports.filterNumeric = exports.filterFloat = void 0;
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 

package/dist/Functions/useFormTools/form-drivers/ObjectWithIterableObjects.js

@@ -13,9 +13,9 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function ObjectWithIterableObjects(_ref) {
   var form = _ref.form,

package/dist/Functions/useFormTools/form-drivers/ObjectWithNamedKeyObjects.js

@@ -13,9 +13,9 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 
 var _General2 = _interopRequireDefault(require("../functions/General"));
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var noop = function noop() {};
 

package/dist/Functions/useFormTools/functions/General.js

@@ -13,9 +13,9 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function General() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},

package/dist/Functions/useFormTools/functions/RenderFields.js

@@ -9,9 +9,9 @@ exports.default = RenderFields;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var defaultRenderFieldComponent = function defaultRenderFieldComponent() {
   // eslint-disable-next-line no-console

package/dist/Functions/useFormTools/index.js

@@ -37,9 +37,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof3(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; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var DefaultFocusControllerProps = {
   setAutoFocus: true,

package/dist/Functions/useLocationParams.js

@@ -13,9 +13,9 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 
 var _react = require("react");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function useLocationParams() {
   var _useState = (0, _react.useState)({}),