intelicoreact 0.1.94 → 0.1.97

package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.scss

@@ -3,6 +3,10 @@
   align-items: center;
   cursor: pointer;
 
+  input {
+    display: none;
+  }
+
   &_disabled {
     opacity: 0.5;
     pointer-events: none;

package/dist/Atomic/FormElements/Input/Input.js

@@ -122,7 +122,7 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
 
       if (!isNotValidateASCII) inputValue = (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(inputValue);
       if (symbolsLimit && inputValue.length > +symbolsLimit) inputValue = inputValue.substring(0, +symbolsLimit);
-      if (isCropFirstNool) inputValue = inputValue[0] == 0 ? '' : (0, _fieldValueFormatters.filterNumeric)(inputValue, onlyNumbers);
+      if (isCropFirstNool && inputValue[0] == 0) return '';
       if (onlyNumbers && isOnlyString || isOnlyString) inputValue = (0, _fieldValueFormatters.formatToLetters)(inputValue, softStringMode);else if (onlyNumbers) inputValue = (0, _fieldValueFormatters.filterNumeric)(inputValue, onlyNumbers);
       onChange(inputValue.toString());
     },

package/dist/Atomic/FormElements/NumericInput/NumericInput.js

@@ -189,10 +189,10 @@ var NumericInput = function NumericInput(_ref) {
       if (onKeyUp) onKeyUp(e.keyCode, e.target.value);
     },
     decrement: function decrement(e) {
-      handle.change(+intMemoVal - +numStep);
+      handle.change(+intMemoVal.toString().replace(/,/g, '') - +numStep);
     },
     increment: function increment(e) {
-      handle.change(+intMemoVal + +numStep);
+      handle.change(+intMemoVal.toString().replace(/,/g, '') + +numStep);
     }
   }; //Check Outside Click
 

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

@@ -67,7 +67,12 @@ var RangeInputs = function RangeInputs(_ref) {
 
   var inputFromRef = (0, _react.useRef)(null);
   var inputToRef = (0, _react.useRef)(null);
-  var isValidRange = !!(valueObj !== null && valueObj !== void 0 && valueObj.from && valueObj !== null && valueObj !== void 0 && valueObj.to && +(valueObj === null || valueObj === void 0 ? void 0 : valueObj.from) <= +(valueObj === null || valueObj === void 0 ? void 0 : valueObj.to));
+
+  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, ''));
+    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);
@@ -90,7 +95,7 @@ var RangeInputs = function RangeInputs(_ref) {
     } else if (!valueObj[oppositeKey]) {
       var mustToFocus = key === 'from' ? inputToRef.current : inputFromRef.current;
       mustToFocus.focus();
-    } else if (!isValidRange) {
+    } else if (!isValidRange(valueObj === null || valueObj === void 0 ? void 0 : valueObj.from, valueObj === null || valueObj === void 0 ? void 0 : valueObj.to)) {
       if (!(valueObj !== null && valueObj !== void 0 && valueObj.from)) setError(_objectSpread(_objectSpread({}, error), {}, {
         from: 'Invalid range'
       }));else setError(_objectSpread(_objectSpread({}, error), {}, {

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

@@ -7,6 +7,10 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
 var _react = _interopRequireDefault(require("react"));
@@ -20,7 +24,8 @@ require("./TieredCheckboxes.scss");
 var TieredCheckboxes = function TieredCheckboxes(_ref) {
   var items = _ref.items,
       className = _ref.className,
-      onChange = _ref.onChange;
+      onChange = _ref.onChange,
+      isUseParentsClassesAsDataset = _ref.isUseParentsClassesAsDataset;
   var handle = {
     changeParent: function changeParent(value, key) {
       var parent = items.find(function (item) {
@@ -57,10 +62,13 @@ var TieredCheckboxes = function TieredCheckboxes(_ref) {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('tiered-checkboxes', className)
   }, items.map(function (parent) {
-    return /*#__PURE__*/_react.default.createElement("div", {
+    var datasetProp = isUseParentsClassesAsDataset ? {
+      'data-key': parent === null || parent === void 0 ? void 0 : parent.className
+    } : {};
+    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, datasetProp, {
       key: parent.key,
-      className: "tiered-checkboxes__parents"
-    }, /*#__PURE__*/_react.default.createElement(_CheckboxInput.default, {
+      className: (0, _classnames.default)('tiered-checkboxes__parents', (0, _defineProperty2.default)({}, "".concat(parent.className), !isUseParentsClassesAsDataset))
+    }), /*#__PURE__*/_react.default.createElement(_CheckboxInput.default, {
       isStark: handle.isAllChecked(parent),
       label: parent.label,
       value: parent.value,

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

@@ -13,6 +13,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
 var _react = _interopRequireWildcard(require("react"));
@@ -59,12 +61,12 @@ var TagList = function TagList(_ref) {
       tagList = _useState4[0],
       setTagList = _useState4[1];
 
-  var _useState5 = (0, _react.useState)(0),
+  var _useState5 = (0, _react.useState)(-1),
       _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      rowTagsCount = _useState6[0],
-      setRowTagsCount = _useState6[1];
+      staticTagsCount = _useState6[0],
+      setStaticTagsCount = _useState6[1];
 
-  var _useState7 = (0, _react.useState)(items.length),
+  var _useState7 = (0, _react.useState)(-1),
       _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
       renderItemsCount = _useState8[0],
       setRenderItemsCount = _useState8[1];
@@ -74,17 +76,17 @@ var TagList = function TagList(_ref) {
       renderAll = _useState10[0],
       setRenderAll = _useState10[1];
 
-  var _useState11 = (0, _react.useState)(false),
+  var _useState11 = (0, _react.useState)(-1),
       _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-      isInit = _useState12[0],
-      setIsInit = _useState12[1];
+      lastCheckTime = _useState12[0],
+      setLastCheckTime = _useState12[1];
 
   var _useState13 = (0, _react.useState)(Date.now()),
       _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
       checkTagsRefDate = _useState14[0],
       setCheckTagsRefDate = _useState14[1];
 
-  var checkTagsRef = function checkTagsRef() {
+  var isTagsRefSet = function isTagsRefSet() {
     if (!tagList.length) return false;
     return tagList.map(function (_ref2) {
       var itemRef = _ref2.itemRef;
@@ -95,43 +97,43 @@ var TagList = function TagList(_ref) {
     }, true);
   };
 
-  var countTagsInRow = function countTagsInRow() {
-    var _tagList$map$reduce;
-
+  var getStaticTagsCount = function getStaticTagsCount() {
     if (typeof shownItemsCount === 'number') return shownItemsCount;
-    return (_tagList$map$reduce = tagList.map(function (_ref3) {
+    var result = tagList.map(function (_ref3) {
       var itemRef = _ref3.itemRef;
       return itemRef;
     }).reduce(function (result, itemRef) {
-      var _itemRef$current$getB = itemRef.current.getBoundingClientRect(),
-          itemWidth = _itemRef$current$getB.width;
+      // const itemWidth = itemRef.current.getBoundingClientRect();
+      var itemWidth = parseInt(window.getComputedStyle(itemRef === null || itemRef === void 0 ? void 0 : itemRef.current).getPropertyValue('width')) + parseInt(window.getComputedStyle(itemRef === null || itemRef === void 0 ? void 0 : itemRef.current).getPropertyValue('margin-left')) + parseInt(window.getComputedStyle(itemRef === null || itemRef === void 0 ? void 0 : itemRef.current).getPropertyValue('margin-right'));
 
-      if (itemWidth > 0 && itemWidth + result.width < wrapperWidth) {
+      if (!isNaN(itemWidth) && itemWidth > 0 && itemWidth + result.width < wrapperWidth) {
         result = {
           count: result.count + 1,
-          width: result.width + itemWidth
+          width: result.width + itemWidth,
+          items: [].concat((0, _toConsumableArray2.default)(result.items), [{
+            w: itemWidth,
+            r: itemRef === null || itemRef === void 0 ? void 0 : itemRef.current
+          }])
         };
       }
 
       return result;
     }, {
       count: 0,
-      width: 0
-    })) === null || _tagList$map$reduce === void 0 ? void 0 : _tagList$map$reduce.count;
+      width: 0,
+      items: []
+    });
+    return result === null || result === void 0 ? void 0 : result.count;
   }; // Set TagList Wrapper Width
 
 
   (0, _react.useLayoutEffect)(function () {
-    var wrapperNewWidth = parseInt(window.getComputedStyle(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current).getPropertyValue('width')) - 24;
+    var wrapperNewWidth = parseInt(window.getComputedStyle(wrapperRef === null || wrapperRef === void 0 ? void 0 : wrapperRef.current).getPropertyValue('width')) - 48;
 
     if (wrapperRef.current && wrapperNewWidth !== wrapperWidth) {
       setWrapperWidth(wrapperNewWidth);
     }
-  });
-  (0, _react.useEffect)(function () {
-    setRenderItemsCount(items.length);
-    setIsInit(false);
-  }, [wrapperWidth]); // Set TagList Items
+  }); // Set TagList Items
 
   (0, _react.useEffect)(function () {
     setTagList(items.map(function (item) {
@@ -142,29 +144,28 @@ var TagList = function TagList(_ref) {
   }, [items]); // Count Row Tags
 
   (0, _react.useEffect)(function () {
-    if (!withToggle || isInit) return false;
+    if (!withToggle) return false;
 
-    if (!checkTagsRef()) {
-      setIsInit(false);
+    if (!isTagsRefSet()) {
+      setLastCheckTime(Date.now());
       return false;
     }
 
-    setRowTagsCount(countTagsInRow());
-    setIsInit(true);
-  }, [tagList.length, isInit, wrapperWidth]);
+    setStaticTagsCount(getStaticTagsCount());
+  }, [tagList, wrapperWidth, lastCheckTime]); //
+
   (0, _react.useEffect)(function () {
-    if (rowTagsCount > 0) {
-      setRenderItemsCount(rowTagsCount);
-    }
-  }, [rowTagsCount]);
+    setRenderItemsCount(staticTagsCount);
+  }, [staticTagsCount]); // Toggle Show/Hide More Tags
+
   (0, _react.useEffect)(function () {
-    setRenderItemsCount(renderAll ? tagList.length : rowTagsCount);
+    setRenderItemsCount(renderAll ? tagList.length : staticTagsCount);
   }, [renderAll]);
 
   var renderTags = function renderTags() {
     return tagList.map(function (item, i) {
       return _objectSpread(_objectSpread({}, item), {}, {
-        isHidden: renderItemsCount === 0 ? true : !(i < renderItemsCount)
+        isHidden: renderItemsCount !== -1 ? i >= renderItemsCount : false
       });
     }).map(function (item, i) {
       return /*#__PURE__*/_react.default.createElement("div", {
@@ -179,7 +180,7 @@ var TagList = function TagList(_ref) {
 
   var renderMoreTags = function renderMoreTags() {
     var restItems = tagList.length - renderItemsCount;
-    if (restItems === 0 || !withToggle) return null;
+    if (restItems === 0 || !withToggle || staticTagsCount === -1) return null;
     return /*#__PURE__*/_react.default.createElement(_Tag.default, {
       label: "+".concat(restItems),
       className: "tag-list_wrapper_render-more",
@@ -190,7 +191,7 @@ var TagList = function TagList(_ref) {
   };
 
   var renderHideTags = function renderHideTags() {
-    if (renderItemsCount !== tagList.length || !withToggle) return null;
+    if (renderItemsCount !== tagList.length || !withToggle || staticTagsCount === -1 || staticTagsCount === tagList.length) return null;
     return /*#__PURE__*/_react.default.createElement(_Tag.default, {
       label: "...",
       className: "tag-list_wrapper_hide-more",
@@ -201,7 +202,7 @@ var TagList = function TagList(_ref) {
   };
 
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "tag-list_wrapper ".concat(className !== null && className !== void 0 ? className : ''),
+    className: "tag-list_wrapper ".concat(renderItemsCount !== tagList.length || !withToggle || staticTagsCount === -1 || staticTagsCount === tagList.length ? 'tag-list_wrapper--only-static-items' : 'tag-list_wrapper--all-items', " ").concat(className !== null && className !== void 0 ? className : ''),
     ref: wrapperRef
   }, renderTags(), renderMoreTags(), renderHideTags());
 };

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

@@ -1,10 +1,19 @@
 .tag-list_wrapper{
-  display: flex;
+  display: block;
   width: 100%;
+  max-width: 100%;
+  min-width: 100%;
+
+  &--only-static-items{
+    .tag-list_wrapper_item{
+      margin-bottom: 0!important;
+    }
+  }
 
   &_item{
-    display: flex;
-    margin: 0 4px 8px 0;
+    display: inline-block;
+    margin-right: 8px;
+    margin-bottom: 8px;
 
     &--hidden{
       display: none;
@@ -16,4 +25,10 @@
     background: #FFEDC8;
     cursor: pointer;
   }
+
+  .tag{
+    margin-bottom: 0!important;
+    margin-right: 0!important;
+    margin: 0!important;
+  }
 }

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

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

package/package.json

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