intelicoreact 0.2.89 → 0.2.92

package/dist/Atomic/FormElements/InputMask/InputMask.js

@@ -1434,7 +1434,7 @@ function InputMask() {
       onBlur: onBlur
     }, /*#__PURE__*/_react.default.createElement("div", {
       className: "\n            input-mask\n            ".concat(isError ? 'input-mask_error' : '', "\n            ").concat(isFocused ? 'input-mask_focus' : '', "\n            ").concat(blinkError ? 'input-mask_blink-error' : '', "\n          "),
-      "data-testId": testId,
+      "data-testid": testId,
       onMouseDown: function onMouseDown(e) {
         return cancelDefaultAction(e, function () {
           return setIsMouseDown(true);

package/dist/Atomic/FormElements/RangeInputs/RangeInputs.js

@@ -55,7 +55,8 @@ var RangeInputs = function RangeInputs(_ref) {
       _ref$label = _ref.label,
       label = _ref$label === void 0 ? '' : _ref$label,
       _ref$isPrice = _ref.isPrice,
-      isPrice = _ref$isPrice === void 0 ? false : _ref$isPrice;
+      isPrice = _ref$isPrice === void 0 ? false : _ref$isPrice,
+      testId = _ref.testId;
 
   var _useState = (0, _react.useState)({
     from: '',
@@ -69,13 +70,15 @@ var RangeInputs = function RangeInputs(_ref) {
   var inputToRef = (0, _react.useRef)(null);
 
   var isValidRange = function isValidRange(from, to) {
-    var correctFrom = +(from === null || from === void 0 ? void 0 : from.replace(/[^\d]/g, ''));
-    var correntTo = +(to === null || to === void 0 ? void 0 : to.replace(/[^\d]/g, ''));
+    var replaceNotDigitFrom = from === null || from === void 0 ? void 0 : from.toString().replace(/[^\d]/g, ''),
+        replaceNotDigitFromTo = to === null || to === void 0 ? void 0 : to.toString().replace(/[^\d]/g, '');
+    var correctFrom = parseInt(replaceNotDigitFrom);
+    var correntTo = parseInt(replaceNotDigitFromTo);
     return !!(correctFrom && correntTo && correctFrom <= correntTo);
   };
 
   var valueFormatter = function valueFormatter(value) {
-    if (type === 'float') return (0, _fieldValueFormatters.filterFloat)(value);else if (isPrice) return (0, _utils.addBitDepthPoints)(value.replace(/[^\d]/g, ''));else return (0, _fieldValueFormatters.formatOnlyNumbers)(value);
+    if (type === 'float') return (0, _fieldValueFormatters.filterFloat)(value);else if (isPrice) return (0, _utils.addBitDepthPoints)(value === null || value === void 0 ? void 0 : value.replace(/[^\d]/g, ''));else return (0, _fieldValueFormatters.formatOnlyNumbers)(value);
   };
 
   var handleChange = function handleChange(prop, val) {
@@ -123,6 +126,7 @@ var RangeInputs = function RangeInputs(_ref) {
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "".concat(RC, "__input-label")
   }, "From"), /*#__PURE__*/_react.default.createElement(_Input.default, {
+    testId: "".concat(testId, "--from"),
     ref: inputFromRef,
     value: (_valueObj$from = valueObj === null || valueObj === void 0 ? void 0 : valueObj.from) !== null && _valueObj$from !== void 0 ? _valueObj$from : '',
     onChange: function onChange(val) {
@@ -145,6 +149,7 @@ var RangeInputs = function RangeInputs(_ref) {
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "".concat(RC, "__input-label")
   }, "to"), /*#__PURE__*/_react.default.createElement(_Input.default, {
+    testId: "".concat(testId, "--to"),
     ref: inputToRef,
     value: (_valueObj$to = valueObj === null || valueObj === void 0 ? void 0 : valueObj.to) !== null && _valueObj$to !== void 0 ? _valueObj$to : '',
     onChange: function onChange(val) {

package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.js

@@ -21,6 +21,8 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 var _reactFeather = require("react-feather");
 
+var _TagList = _interopRequireDefault(require("../../UI/TagList/TagList"));
+
 var _Tag = _interopRequireDefault(require("../../UI/Tag/Tag"));
 
 var _Label = _interopRequireDefault(require("../Label/Label"));
@@ -51,7 +53,9 @@ var TagsDropdown = function TagsDropdown(_ref) {
       disabled = _ref.disabled,
       isValuesInTags = _ref.isValuesInTags,
       _ref$isNotValidateASC = _ref.isNotValidateASCII,
-      isNotValidateASCII = _ref$isNotValidateASC === void 0 ? false : _ref$isNotValidateASC;
+      isNotValidateASCII = _ref$isNotValidateASC === void 0 ? false : _ref$isNotValidateASC,
+      _ref$noTagsWrap = _ref.noTagsWrap,
+      noTagsWrap = _ref$noTagsWrap === void 0 ? false : _ref$noTagsWrap;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -134,10 +138,22 @@ var TagsDropdown = function TagsDropdown(_ref) {
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(RC, "__trigger"),
     onClick: function onClick(e) {
-      if (e.target.className === "".concat(RC, "__trigger") || e.target.className === "tags-dropdown__arrow" || e.target.tagName === 'svg' && e.target.parentNode.className !== 'tag__button') setIsOpen(!isOpen);else if (e.target.tagName === 'INPUT') setIsOpen(true);
+      if (e.target.className.indexOf('tag__label') !== -1 || e.target.className.indexOf('tag-list_wrapper') !== -1 || e.target.className === "".concat(RC, "__trigger") || e.target.className === "tags-dropdown__arrow" || e.target.tagName === 'svg' && e.target.parentNode.className !== 'tag__button') setIsOpen(!isOpen);else if (e.target.tagName === 'INPUT') setIsOpen(true);
     }
-  }, chosenOptions === null || chosenOptions === void 0 ? void 0 : chosenOptions.map(function (value) {
-    // el.list?.find?.(e => e.value === value)
+  }, noTagsWrap ? /*#__PURE__*/_react.default.createElement(_TagList.default, {
+    items: chosenOptions === null || chosenOptions === void 0 ? void 0 : chosenOptions.map(function (value, i) {
+      var tag = singleLevelOptions === null || singleLevelOptions === void 0 ? void 0 : singleLevelOptions.find(function (el) {
+        return el.value === value;
+      });
+      var label = isValuesInTags ? tag === null || tag === void 0 ? void 0 : tag.value : (tag === null || tag === void 0 ? void 0 : tag.label) || (tag === null || tag === void 0 ? void 0 : tag.name) || (tag === null || tag === void 0 ? void 0 : tag.title);
+      return {
+        value: value,
+        label: label,
+        id: i
+      };
+    }),
+    disableShowMore: true
+  }) : chosenOptions === null || chosenOptions === void 0 ? void 0 : chosenOptions.map(function (value) {
     var tag = singleLevelOptions === null || singleLevelOptions === void 0 ? void 0 : singleLevelOptions.find(function (el) {
       return el.value === value;
     });
@@ -150,17 +166,17 @@ var TagsDropdown = function TagsDropdown(_ref) {
         return deleteChosen(value);
       }
     });
-  }), /*#__PURE__*/_react.default.createElement("input", {
+  }), chosenOptions.length === 0 || !noTagsWrap ? /*#__PURE__*/_react.default.createElement("input", {
     className: "".concat(RC, "__input"),
     value: searchValue,
     onChange: function onChange(e) {
       return onSearchHandler(e.target.value);
     },
-    placeholder: placeholder || "Select from list",
+    placeholder: placeholder || 'Select from list',
     onKeyDown: function onKeyDown(e) {
       return onKeyPress(e, searchValue);
     }
-  }), /*#__PURE__*/_react.default.createElement("span", {
+  }) : '', /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)("".concat(RC, "__arrow"), (0, _defineProperty2.default)({}, "".concat(RC, "__arrow_active"), isOpen))
   }, /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronDown, {
     className: "color--text"

package/dist/Atomic/FormElements/TagsDropdown/TagsDropdown.scss

@@ -1,7 +1,7 @@
 @import "../../../scss/vars";
 
 .tags-dropdown {
-  display: inline-flex;
+  display: flex;
   flex-direction: column;
   position: relative;
   width: 100%;
@@ -144,6 +144,13 @@
     cursor: auto;
   }
 
+  .tag-list_wrapper {
+    box-sizing: border-box;
+    background-color: rgba(0,0,0,0);
+    padding: 0;
+    width: auto;
+  }
+
   &_arrow-static {
     .tags-dropdown__trigger {
       position: static;

package/dist/Atomic/FormElements/TieredCheckboxes/TieredCheckboxes.js

@@ -31,7 +31,9 @@ var TieredCheckboxes = function TieredCheckboxes(_ref) {
       onChange = _ref.onChange,
       isUseParentsClassesAsDataset = _ref.isUseParentsClassesAsDataset,
       isUseAccordionForGroup = _ref.isUseAccordionForGroup,
-      accordionIcons = _ref.accordionIcons;
+      accordionIcons = _ref.accordionIcons,
+      _ref$isOnlyOne = _ref.isOnlyOne,
+      isOnlyOne = _ref$isOnlyOne === void 0 ? false : _ref$isOnlyOne;
   var handle = {
     changeParent: function changeParent(value, key, prop) {
       var parent = items.find(function (item) {
@@ -56,15 +58,39 @@ var TieredCheckboxes = function TieredCheckboxes(_ref) {
       onChange((0, _toConsumableArray2.default)(items));
     },
     changeChild: function changeChild(value, key, parentKey) {
-      var parent = items.find(function (item) {
-        return item.key === parentKey;
-      });
-      parent.children.find(function (item) {
-        return item.key === key;
-      }).value = value;
-      if (parent.children.every(function (item) {
-        return item.value;
-      })) parent.value = true;else parent.value = false;
+      if (isOnlyOne) {
+        var parent = items.find(function (item) {
+          return item.key === parentKey;
+        });
+        parent.children.find(function (item) {
+          return item.key === key;
+        }).value = value;
+        parent.children.map(function (item) {
+          if (item.key !== key && value === true) {
+            item.disabled = true;
+            parent.disabled = true;
+          } else if (item.key !== key && value === false) {
+            item.disabled = false;
+            parent.disabled = false;
+          } else item.disabled = false;
+
+          return item;
+        });
+        parent.disabled = true;
+        console.log(parent);
+      } else {
+        var _parent = items.find(function (item) {
+          return item.key === parentKey;
+        });
+
+        _parent.children.find(function (item) {
+          return item.key === key;
+        }).value = value;
+        if (_parent.children.every(function (item) {
+          return item.value;
+        })) _parent.value = true;else _parent.value = false;
+      }
+
       onChange((0, _toConsumableArray2.default)(items));
     },
     isAllChecked: function isAllChecked(item) {
@@ -131,7 +157,7 @@ var TieredCheckboxes = function TieredCheckboxes(_ref) {
       disabled: parent.children.every(function (_ref4) {
         var disabled = _ref4.disabled;
         return disabled === true;
-      })
+      }) || parent.disabled
     }), renderInner(parent));
   }));
 };

package/dist/Atomic/FormElements/TieredCheckboxes/partial/AccordionWithCheckbox.js

@@ -53,7 +53,7 @@ var AccordionWithCheckbox = function AccordionWithCheckbox(_ref) {
       disabled: parent.children.every(function (_ref2) {
         var disabled = _ref2.disabled;
         return disabled === true;
-      })
+      }) || parent.disabled
     }), /*#__PURE__*/_react.default.createElement("span", {
       className: "".concat(RC, "__description-checked")
     }, parent !== null && parent !== void 0 && (_parent$children3 = parent.children) !== null && _parent$children3 !== void 0 && _parent$children3.length ? "Selected ".concat(parent.children.filter(function (child) {

package/dist/Atomic/UI/MonoAccordion/MonoAccordion.js

@@ -76,7 +76,7 @@ var MonoAccordion = function MonoAccordion(_ref) {
   return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, datasetProp, {
     className: (0, _classnames.default)(RC, className, (_cn = {}, (0, _defineProperty2.default)(_cn, "".concat(RC, "_is-open"), isOpen), (0, _defineProperty2.default)(_cn, "".concat(RC, "_disabled"), disabled), _cn))
   }), /*#__PURE__*/_react.default.createElement("div", {
-    "data-testId": "accordionHeader--key-".concat(testId, "--clickable"),
+    "data-testid": "accordionHeader--key-".concat(testId, "--clickable"),
     className: "".concat(RC, "__head"),
     onClick: handleClick
   }, /*#__PURE__*/_react.default.createElement("div", {

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

@@ -48,6 +48,8 @@ var TagList = function TagList(_ref) {
       items = _ref$items === void 0 ? [] : _ref$items,
       _ref$withToggle = _ref.withToggle,
       withToggle = _ref$withToggle === void 0 ? true : _ref$withToggle,
+      _ref$disableShowMore = _ref.disableShowMore,
+      disableShowMore = _ref$disableShowMore === void 0 ? false : _ref$disableShowMore,
       _ref$shownItemsCount = _ref.shownItemsCount,
       shownItemsCount = _ref$shownItemsCount === void 0 ? 'auto' : _ref$shownItemsCount,
       _ref$testId = _ref.testId,
@@ -199,7 +201,7 @@ var TagList = function TagList(_ref) {
     return /*#__PURE__*/_react.default.createElement(_Tag.default, {
       label: "+".concat(restItems),
       className: "tag-list_wrapper_render-more",
-      onClick: function onClick(e) {
+      onClick: disableShowMore ? function () {} : function (e) {
         return cancelDefault(e, function () {
           return setRenderAll(true);
         });

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

@@ -1,8 +1,6 @@
-.tag-list_wrapper{
-  width: 25%!important;
-  // min-width: 25%!important;
-  // max-width: 25%!important;
-  background-color: #fbf9f9;
-  padding: 25px;
-  flex-wrap: wrap;
-}
+// .tag-list_wrapper{
+//   width: 25%!important;
+//   background-color: #fbf9f9;
+//   padding: 25px;
+//   flex-wrap: wrap;
+// }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intelicoreact",
-  "version": "0.2.89",
+  "version": "0.2.92",
   "description": "",
   "main": "dist/index.js",
   "files": [