intelicoreact 0.0.99 → 0.1.2

package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.js

@@ -7,6 +7,8 @@ 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 _react = _interopRequireDefault(require("react"));
@@ -28,8 +30,9 @@ var CheckboxInput = function CheckboxInput(_ref) {
     htmlFor: id
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)("checkbox-input__input", (0, _defineProperty2.default)({}, "checkbox-input__input_checked", value))
-  }, /*#__PURE__*/_react.default.createElement("input", {
-    id: id,
+  }, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({}, id ? (0, _defineProperty2.default)({
+    id: id
+  }, 'data-id', id) : {}, {
     type: "checkbox",
     className: "checkbox-input__checkbox",
     onChange: function onChange(e) {
@@ -40,7 +43,7 @@ var CheckboxInput = function CheckboxInput(_ref) {
     ref: function ref(elem) {
       if (elem) elem.indeterminate = isStark;
     }
-  }), /*#__PURE__*/_react.default.createElement("span", {
+  })), /*#__PURE__*/_react.default.createElement("span", {
     className: "checkbox-input__mark"
   })), label && /*#__PURE__*/_react.default.createElement("div", {
     className: "checkbox-input__label"

package/dist/Atomic/FormElements/CheckboxInput/CheckboxInput.stories.js

@@ -49,5 +49,5 @@ Checkbox.args = {
   value: true,
   disabled: false,
   forced: false,
-  isStark: true
+  isStark: false
 };

package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.js

@@ -0,0 +1,59 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _CheckboxInput = _interopRequireDefault(require("../CheckboxInput/CheckboxInput"));
+
+require("./CheckboxesLine.scss");
+
+var CheckboxesLine = function CheckboxesLine(props) {
+  var field = props.field,
+      onChange = props.onChange;
+
+  var _ref = field !== null && field !== void 0 ? field : props || {},
+      items = _ref.items,
+      value = _ref.value,
+      disabled = _ref.disabled,
+      isPositionColumn = _ref.isPositionColumn,
+      className = _ref.className;
+
+  var handleChange = function handleChange(val, id, e) {
+    onChange(val ? [].concat((0, _toConsumableArray2.default)(value), [id]) : (0, _toConsumableArray2.default)(value.filter(function (el) {
+      return el !== id;
+    })));
+  };
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('checkboxes-line', {
+      'checkboxes-line_column': isPositionColumn
+    }, className)
+  }, (items === null || items === void 0 ? void 0 : items.map(function (item, idx) {
+    var _value$includes;
+
+    return /*#__PURE__*/_react.default.createElement(_CheckboxInput.default, {
+      id: item.id,
+      className: "checkboxes-line__checkbox-input",
+      key: item.label,
+      label: item.label,
+      value: (value === null || value === void 0 ? void 0 : (_value$includes = value.includes) === null || _value$includes === void 0 ? void 0 : _value$includes.call(value, item.id)) || false,
+      disabled: disabled,
+      onChange: function onChange(val, e) {
+        return handleChange(val, item.id, e);
+      }
+    });
+  })) || null);
+};
+
+var _default = CheckboxesLine;
+exports.default = _default;

package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.scss

@@ -0,0 +1,29 @@
+.checkboxes-line {
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: flex-start;
+  align-items: center;
+
+  &__checkbox-input {
+    width: fit-content;
+    margin-right: 10px;
+
+    &:last-of-type {
+      margin-right: 0;
+    }
+  }
+
+  &_column {
+    flex-flow: column wrap;
+    align-items: flex-start;
+
+    .checkboxes-line__checkbox-input {
+      margin-right: 0;
+      margin-bottom: 10px;
+
+      &:last-of-type {
+        margin-bottom: 0;
+      }
+    }
+  }
+}

package/dist/Atomic/FormElements/CheckboxesLine/CheckboxesLine.stories.js

@@ -0,0 +1,74 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TemplateCheckboxesLine = exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _CheckboxesLine = _interopRequireDefault(require("./CheckboxesLine"));
+
+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; }
+
+global.lng = 'en';
+var _default = {
+  title: 'Form Elements/CheckboxesLine',
+  component: _CheckboxesLine.default
+};
+exports.default = _default;
+
+var Template = function Template(args) {
+  var _useState = (0, _react.useState)(args.value),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      value = _useState2[0],
+      setValue = _useState2[1];
+
+  (0, _react.useEffect)(function () {
+    return console.log(value);
+  }, [value]);
+  return /*#__PURE__*/_react.default.createElement(_CheckboxesLine.default, (0, _extends2.default)({}, args, {
+    value: value,
+    onChange: setValue
+  }));
+};
+
+var TemplateCheckboxesLine = Template.bind({});
+exports.TemplateCheckboxesLine = TemplateCheckboxesLine;
+TemplateCheckboxesLine.args = (0, _defineProperty2.default)({
+  items: [{
+    label: ' - 1',
+    id: '1'
+  }, {
+    label: ' - 2',
+    id: '2'
+  }, {
+    label: ' - 3',
+    id: '3'
+  }, {
+    label: ' - 4',
+    id: '4'
+  }, {
+    label: ' - 5',
+    id: '5'
+  }, {
+    label: ' - 6',
+    id: '6'
+  }],
+  value: [],
+  disabled: false,
+  isPositionColumn: true,
+  className: ''
+}, "disabled", false);

package/dist/Atomic/FormElements/Dropdown/Dropdown.js

@@ -38,7 +38,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 var RC = 'dropdown';
 
 var Dropdown = function Dropdown(_ref) {
-  var _options$find;
+  var _options$find, _filteredOptions$find;
 
   var _ref$options = _ref.options,
       options = _ref$options === void 0 ? [] : _ref$options,
@@ -186,11 +186,14 @@ var Dropdown = function Dropdown(_ref) {
     })) === null || _item$items4$find === void 0 ? void 0 : _item$items4$find.label);
   }, null);
   var doScrollCallback = (0, _react.useCallback)(function (e) {
-    var callback = scrollReactionObj.callback,
-        isWithAnyScrolling = scrollReactionObj.isWithAnyScrolling;
+    var _ref2 = scrollReactionObj || {},
+        callback = _ref2.callback,
+        isWithAnyScrolling = _ref2.isWithAnyScrolling,
+        _ref2$scrollingInaccu = _ref2.scrollingInaccuracy,
+        scrollingInaccuracy = _ref2$scrollingInaccu === void 0 ? 0 : _ref2$scrollingInaccu;
 
     if (callback && typeof callback === 'function') {
-      if (isWithAnyScrolling) callback(e);else if (e.target.clientHeight + e.target.scrollTop >= e.target.scrollHeight) callback(e);
+      if (isWithAnyScrolling) callback(e);else if (Math.round(e.target.clientHeight + e.target.scrollTop + scrollingInaccuracy) >= e.target.scrollHeight) callback(e);
     }
   }, [filteredOptions]);
   (0, _react.useEffect)(function () {
@@ -209,6 +212,10 @@ var Dropdown = function Dropdown(_ref) {
       if (scrollReactionObj && (0, _typeof2.default)(scrollReactionObj) === 'object') removeEventListener('scroll', doScrollCallback);
     };
   }, [isOpen, dropdownListRef]);
+  console.log(filteredOptions);
+  var postfixText = selectedLabel && ((_filteredOptions$find = filteredOptions.find(function (option) {
+    return option.value === value;
+  })) === null || _filteredOptions$find === void 0 ? void 0 : _filteredOptions$find.postfix) || null;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(RC, className, {
       disabled: disabled
@@ -230,9 +237,11 @@ var Dropdown = function Dropdown(_ref) {
       e.target.select();
       setIsOpen(true);
     }
-  }) : /*#__PURE__*/_react.default.createElement("span", {
+  }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
     className: "text"
-  }, selectedLabel || placeholder), /*#__PURE__*/_react.default.createElement("span", {
+  }, selectedLabel || placeholder), postfixText && /*#__PURE__*/_react.default.createElement("span", {
+    className: "dropdown__list-item-postfix"
+  }, postfixText)), /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)("".concat(RC, "__arrow"), (0, _defineProperty2.default)({}, "".concat(RC, "__arrow_active"), isOpen)),
     onClick: function onClick() {
       return setIsOpen(!isOpen);

package/dist/Atomic/FormElements/Dropdown/Dropdown.scss

@@ -119,6 +119,10 @@
         opacity: 0.3;
         pointer-events: none;
       }
+
+      &-postfix {
+        margin-left: 5px;
+      }
     }
 
     &--with-label {

package/dist/Atomic/FormElements/Dropdown/Dropdown.stories.js

@@ -80,7 +80,8 @@ var Template = function Template(args) {
     scrollReactionObj: {
       callback: function callback(e) {
         return setDisabled(true);
-      }
+      },
+      scrollingInaccuracy: 5
     }
   }))), /*#__PURE__*/_react.default.createElement("button", {
     key: "reset",
@@ -106,7 +107,7 @@ DropdownTemplate.args = {
   entity: 'entity',
   value: 'drop6',
   placeholder: 'Placeholder',
-  isSearchable: true,
+  // isSearchable: true,
   options: [{
     label: 'Dropdown2',
     value: 'drop2',

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

@@ -23,7 +23,7 @@ var _reactInputMask = _interopRequireDefault(require("react-input-mask"));
 
 var _index = require("../../../Constants/index.constants");
 
-var _inputExecutor = require("../../../Functions/inputExecutor");
+var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
 
 require("./Input.scss");
 
@@ -36,15 +36,15 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 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; }
 
 var Input = function Input(_ref) {
-  var onChange = _ref.onChange,
+  var isSelect = _ref.isSelect,
+      onChange = _ref.onChange,
       onBlur = _ref.onBlur,
       onFocus = _ref.onFocus,
       onKeyUp = _ref.onKeyUp,
       isNotBlinkErrors = _ref.isNotBlinkErrors,
       isPriceInput = _ref.isPriceInput,
-      isOnlyNumber = _ref.isOnlyNumber,
+      onlyNumbers = _ref.onlyNumbers,
       isOnlyString = _ref.isOnlyString,
-      isTwoDigitAfterDot = _ref.isTwoDigitAfterDot,
       disabled = _ref.disabled,
       withDelete = _ref.withDelete,
       value = _ref.value,
@@ -88,24 +88,19 @@ var Input = function Input(_ref) {
       isToHighlightError = _useState8[0],
       setIsToHighlightError = _useState8[1];
 
-  var onlyNumbers = _inputExecutor.formatInput.onlyNumbers,
-      onlyString = _inputExecutor.formatInput.onlyString;
-  var _formatInput$priceInp = _inputExecutor.formatInput.priceInput,
-      addCommas = _formatInput$priceInp.addCommas,
-      removeComma = _formatInput$priceInp.removeComma;
+  var _useState9 = (0, _react.useState)(false),
+      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+      onInputHover = _useState10[0],
+      setOnInputHover = _useState10[1];
+
+  var isUseBitDepthPoints = !!onlyNumbers && isPriceInput;
   var isUseErrorsBlink = !isNotBlinkErrors && !mask; // HANDLES
 
   var handle = {
     change: function change(e) {
       var inputValue = e.target ? e.target.value : e;
-
-      if (symbolsLimit && inputValue.length > +symbolsLimit) {
-        inputValue = inputValue.substring(0, +symbolsLimit);
-      }
-
-      if (isOnlyNumber && !isTwoDigitAfterDot) inputValue = onlyNumbers(inputValue);
-      if (isTwoDigitAfterDot) inputValue = onlyNumbers(inputValue, true);
-      if (isOnlyString) inputValue = onlyString(inputValue, softStringMode);
+      if (symbolsLimit && inputValue.length > +symbolsLimit) inputValue = inputValue.substring(0, +symbolsLimit);
+      if (onlyNumbers && isOnlyString || isOnlyString) inputValue = (0, _fieldValueFormatters.formatToLetters)(inputValue, softStringMode);else if (onlyNumbers) inputValue = (0, _fieldValueFormatters.filterNumeric)(inputValue, onlyNumbers);
       onChange(inputValue.toString());
     },
     toggleEdit: function toggleEdit() {
@@ -114,21 +109,16 @@ var Input = function Input(_ref) {
     },
     focus: function focus(e) {
       setIsFocused(true);
-      if (isPriceInput && isOnlyNumber) onChange(removeComma(value));
+      if (onlyNumbers) onChange((0, _fieldValueFormatters.formatToRemoveComa)(value));
       if (onFocus) onFocus(e);
     },
     blur: function blur(e) {
       setIsFocused(false);
       setEditing(false);
-
-      if (isTwoDigitAfterDot) {
-        onChange(cutOffsingleDot(value));
-      }
-
-      if (isPriceInput && isOnlyNumber) {
-        onChange(addCommas(value));
-      }
-
+      var value = e.target.value;
+      if (onlyNumbers) value = (0, _fieldValueFormatters.formatToCutOffDotAtTheEnd)(value);
+      if (isUseBitDepthPoints) value = (0, _fieldValueFormatters.formatToAddBitDepthPoints)(value);
+      if (onlyNumbers || isUseBitDepthPoints) onChange(value);
       if (onBlur) onBlur(e);
     },
     keyUp: function keyUp(e) {
@@ -168,30 +158,22 @@ var Input = function Input(_ref) {
     }
   };
 
-  function cutOffsingleDot(value) {
-    return value.toString().slice(-1) === '.' ? value.slice(0, -1) : value;
-  }
-
-  (0, _react.useEffect)(function () {
-    if (isEditing) inputRef.current.focus();
-  }, [isEditing, isFocused]);
-
-  var uniProps = _objectSpread(_objectSpread({
-    className: "input ".concat(className),
-    placeholder: placeholder,
-    value: value || '',
-    disabled: disabled,
-    onChange: handle.change,
-    onFocus: handle.focus,
-    onBlur: handle.blur,
-    onKeyUp: handle.keyUp
-  }, maskChar ? {
-    maskChar: maskChar
-  } : {}), formatChars ? {
-    formatChars: formatChars
-  } : {});
-
   function renderInput() {
+    var uniProps = _objectSpread(_objectSpread({
+      className: "input ".concat(className),
+      placeholder: placeholder,
+      value: value || '',
+      disabled: disabled,
+      onChange: handle.change,
+      onFocus: handle.focus,
+      onBlur: handle.blur,
+      onKeyUp: handle.keyUp
+    }, maskChar ? {
+      maskChar: maskChar
+    } : {}), formatChars ? {
+      formatChars: formatChars
+    } : {});
+
     if (mask) {
       return /*#__PURE__*/_react.default.createElement(_reactInputMask.default, (0, _extends2.default)({}, uniProps, {
         ref: inputRef,
@@ -205,6 +187,12 @@ var Input = function Input(_ref) {
     }));
   }
 
+  (0, _react.useEffect)(function () {
+    if (isEditing) inputRef.current.focus();
+  }, [isEditing, isFocused]);
+  (0, _react.useEffect)(function () {
+    setEditing(isSelect !== null && isSelect !== void 0 ? isSelect : false);
+  }, [isSelect]);
   (0, _react.useEffect)(function () {
     if (isUseErrorsBlink && isAttemptToChange) {
       setIsAttemptToChange(null);
@@ -219,8 +207,14 @@ var Input = function Input(_ref) {
     setEditing(isFocusDefault);
   }, [inputRef, isFocusDefault]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)("input__wrap", (0, _defineProperty2.default)({}, "input__wrap_focus", isFocused), (0, _defineProperty2.default)({}, "input__wrap_error", error || isToHighlightError), (0, _defineProperty2.default)({}, "input__wrap_disabled", disabled))
-  }, renderInput(), icon, withDelete && /*#__PURE__*/_react.default.createElement("span", {
+    className: (0, _classnames.default)("input__wrap", (0, _defineProperty2.default)({}, "input__wrap_focus", isFocused), (0, _defineProperty2.default)({}, "input__wrap_error", error || isToHighlightError), (0, _defineProperty2.default)({}, "input__wrap_disabled", disabled)),
+    onMouseEnter: function onMouseEnter() {
+      return setOnInputHover(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setOnInputHover(false);
+    }
+  }, renderInput(), icon, withDelete && onInputHover && /*#__PURE__*/_react.default.createElement("span", {
     className: (0, _classnames.default)("input__close", {
       hidden: !value
     }),

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

@@ -40,8 +40,8 @@ var _default = {
     withDelete: {
       description: 'boolean - add clear-cross by hover'
     },
-    isOnlyNumber: {
-      description: 'boolean - only numbers'
+    onlyNumbers: {
+      description: 'object - only numbers'
     },
     softStringMode: {
       description: 'boolean - only strings'
@@ -92,14 +92,19 @@ var _default = {
   }
 };
 exports.default = _default;
+var styles = {
+  with: '200px'
+};
 
 var Template = function Template(args) {
   var _useState = (0, _react.useState)(''),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       value = _useState2[0],
-      setValue = _useState2[1];
+      setValue = _useState2[1]; // useEffect(() => console.log('useEffect - value - ', value), [value]);
+
 
   return /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({}, args, {
+    style: styles,
     value: value,
     onChange: setValue
   }));
@@ -110,14 +115,17 @@ exports.InputTemplate = InputTemplate;
 InputTemplate.args = {
   type: 'text',
   isFocusDefault: false,
-  isOnlyNumber: false,
-  isOnlyString: false,
+  onlyNumbers: {
+    type: 'float',
+    decimalPlaces: 2
+  },
+  isOnlyString: true,
   isPriceInput: false,
   isTwoDigitAfterDot: false,
   disabled: false,
   error: '',
   mask: '',
-  softStringMode: true,
+  softStringMode: false,
   withDelete: true,
   symbolsLimit: 255,
   placeholder: 'Placeholder',

package/dist/Atomic/FormElements/Label/Label.js

@@ -9,6 +9,8 @@ exports.default = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
 var _Hint = _interopRequireDefault(require("../../UI/Hint/Hint"));
 
 require("./Label.scss");
@@ -16,9 +18,12 @@ require("./Label.scss");
 var Label = function Label(_ref) {
   var label = _ref.label,
       hint = _ref.hint,
-      isRequired = _ref.isRequired;
+      isRequired = _ref.isRequired,
+      isLabelBolt = _ref.isLabelBolt;
   return /*#__PURE__*/_react.default.createElement("span", {
-    className: "label"
+    className: (0, _classnames.default)('label', {
+      'label_bold': isLabelBolt
+    })
   }, label, isRequired && /*#__PURE__*/_react.default.createElement("span", {
     className: "label_isRequired"
   }, "*"), hint && /*#__PURE__*/_react.default.createElement(_Hint.default, {

package/dist/Atomic/FormElements/MobileCalendar/MobileCalendar.js

@@ -25,7 +25,7 @@ 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; }
 
-require('./../../../../src/Functions/customEventListener');
+require('../../../Functions/customEventListener');
 
 var MobileCalendar = function MobileCalendar(_ref) {
   var _ref$min = _ref.min,

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

@@ -25,7 +25,7 @@ var _reactInputMask = _interopRequireDefault(require("react-input-mask"));
 
 var _index = require("../../../Constants/index.constants");
 
-var _inputExecutor = require("../../../Functions/inputExecutor");
+var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
 
 require("./NumericInput.scss");
 
@@ -107,16 +107,14 @@ var NumericInput = function NumericInput(_ref) {
   var _useState13 = (0, _react.useState)(false),
       _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
       isToHighlightError = _useState14[0],
-      setIsToHighlightError = _useState14[1];
+      setIsToHighlightError = _useState14[1]; // HANDLES
 
-  var onlyNumbers = _inputExecutor.formatInput.onlyNumbers;
-  var _formatInput$priceInp = _inputExecutor.formatInput.priceInput,
-      addCommas = _formatInput$priceInp.addCommas,
-      removeComma = _formatInput$priceInp.removeComma; // HANDLES
 
   var handle = {
     change: function change(e) {
-      var inputValue = e.target ? onlyNumbers(e.target.value) : e;
+      var inputValue = e.target ? (0, _fieldValueFormatters.filterNumeric)(e.target.value, {
+        type: 'int'
+      }) : e;
 
       if (inputValue && (decRef.current.contains(e.target) || incRef.current.contains(e.target))) {
         inputValue = parseFloat(inputValue);
@@ -195,7 +193,7 @@ var NumericInput = function NumericInput(_ref) {
 
   (0, _react.useEffect)(function () {
     if (inputValue !== value) setIsFocused(true);
-    setInputValueFormated(isPriceInput ? isFocused ? removeComma(inputValue) : addCommas(inputValue) : inputValue);
+    setInputValueFormated(isPriceInput ? isFocused ? (0, _fieldValueFormatters.formatToRemoveComa)(inputValue) : (0, _fieldValueFormatters.formatToAddBitDepthPoints)(inputValue) : inputValue);
     setIntMemoVal(parseInt(inputValue));
     if (typeof onChange === 'function') onChange(inputValue === null || inputValue === void 0 ? void 0 : inputValue.toString());
   }, [inputValue]); //On Integer Value Change
@@ -205,7 +203,9 @@ var NumericInput = function NumericInput(_ref) {
   }, [intMemoVal]); //On Focuse Change
 
   (0, _react.useEffect)(function () {
-    setInputValueFormated(isPriceInput ? isFocused ? removeComma(inputValue) : addCommas(inputValue) : inputValue);
+    var formatedValue = inputValue;
+    if (isPriceInput) formatedValue = isFocused ? (0, _fieldValueFormatters.formatToRemoveComa)(inputValue) : (0, _fieldValueFormatters.formatToAddBitDepthPoints)(inputValue);
+    setInputValueFormated(formatedValue);
 
     if (isFocused) {
       var _inputRef$current;

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

@@ -112,6 +112,6 @@ NumericInputTemplate.args = {
   min: '0',
   max: '15000',
   symbolsLimit: 5,
-  placeholder: 'Placeholder',
-  icon: /*#__PURE__*/_react.default.createElement(_reactFeather.User, null)
+  placeholder: 'Placeholder' // icon: <User />
+
 };

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

@@ -17,6 +17,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
+var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
+
 var _Input = _interopRequireDefault(require("../Input/Input"));
 
 var _Label = _interopRequireDefault(require("../Label/Label"));
@@ -37,7 +39,9 @@ var RangeInputs = function RangeInputs(_ref) {
       items = _ref.items,
       className = _ref.className,
       onChange = _ref.onChange,
-      isRequired = _ref.isRequired;
+      isRequired = _ref.isRequired,
+      _ref$type = _ref.type,
+      type = _ref$type === void 0 ? 'float' : _ref$type;
 
   var _useState = (0, _react.useState)(''),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -45,7 +49,7 @@ var RangeInputs = function RangeInputs(_ref) {
       setError = _useState2[1];
 
   var handleChange = function handleChange(prop, value) {
-    onChange(_objectSpread(_objectSpread({}, items), {}, (0, _defineProperty2.default)({}, prop, value)));
+    onChange(_objectSpread(_objectSpread({}, items), {}, (0, _defineProperty2.default)({}, prop, type === 'float' ? (0, _fieldValueFormatters.filterFloat)(value) : (0, _fieldValueFormatters.filterNumbers)(value))));
   };
 
   var rangeValidation = function rangeValidation() {
@@ -70,7 +74,6 @@ var RangeInputs = function RangeInputs(_ref) {
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "range-inputs__input-label"
   }, "From"), /*#__PURE__*/_react.default.createElement(_Input.default, {
-    type: "number",
     value: items === null || items === void 0 ? void 0 : items.from,
     className: "mr15",
     onChange: function onChange(value) {
@@ -82,7 +85,6 @@ var RangeInputs = function RangeInputs(_ref) {
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "range-inputs__input-label"
   }, "To"), /*#__PURE__*/_react.default.createElement(_Input.default, {
-    type: "number",
     value: items === null || items === void 0 ? void 0 : items.to,
     onChange: function onChange(value) {
       return handleChange('to', value);

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

@@ -2,17 +2,27 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.RangeInputsTemplate = exports.default = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
 
 var _RangeInputs = _interopRequireDefault(require("./RangeInputs"));
 
 require("./RangeInputs.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; }
+
 global.lng = 'en';
 var _default = {
   title: 'RangeInputs',
@@ -21,14 +31,23 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_RangeInputs.default, args);
+  var _useState = (0, _react.useState)({
+    from: 0,
+    to: 0
+  }),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      state = _useState2[0],
+      setState = _useState2[1];
+
+  return /*#__PURE__*/_react.default.createElement(_RangeInputs.default, (0, _extends2.default)({}, args, {
+    onChange: setState,
+    items: state
+  }));
 };
 
 var RangeInputsTemplate = Template.bind({});
 exports.RangeInputsTemplate = RangeInputsTemplate;
 RangeInputsTemplate.args = {
   label: 'loanAmount',
-  from: 0,
-  to: 0,
   hint: 'Hint'
 };

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

@@ -35,7 +35,8 @@ var RC = 'tags-dropdown';
 
 var TagsDropdown = function TagsDropdown(_ref) {
   var options = _ref.options,
-      chosenOptions = _ref.chosenOptions,
+      _ref$chosenOptions = _ref.chosenOptions,
+      chosenOptions = _ref$chosenOptions === void 0 ? [] : _ref$chosenOptions,
       onChange = _ref.onChange,
       className = _ref.className,
       tagClassname = _ref.tagClassname,
@@ -43,7 +44,9 @@ var TagsDropdown = function TagsDropdown(_ref) {
       label = _ref.label,
       isLabelBold = _ref.isLabelBold,
       hint = _ref.hint,
-      hintSide = _ref.hintSide;
+      hintSide = _ref.hintSide,
+      disabled = _ref.disabled,
+      isValuesInTags = _ref.isValuesInTags;
 
   var _useState = (0, _react.useState)(false),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
@@ -56,6 +59,9 @@ var TagsDropdown = function TagsDropdown(_ref) {
       setSearchValue = _useState4[1];
 
   var dropdownRef = (0, _react.useRef)(null);
+  var singleLevelOptions = options.reduce(function (acc, item) {
+    return [].concat((0, _toConsumableArray2.default)(acc), (0, _toConsumableArray2.default)(item.groupName ? item.list : [item]));
+  }, []);
 
   var handleClickOutside = function handleClickOutside(event) {
     if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
@@ -66,7 +72,7 @@ var TagsDropdown = function TagsDropdown(_ref) {
 
   var deleteChosen = function deleteChosen(value) {
     onChange(chosenOptions.filter(function (item) {
-      return item.value !== value;
+      return item !== value;
     }), 'chosenOptions');
   };
 
@@ -75,13 +81,13 @@ var TagsDropdown = function TagsDropdown(_ref) {
     setSearchValue('');
 
     if (chosenOptions.some(function (el) {
-      return el.value === item.value;
+      return el === item.value;
     })) {
       deleteChosen(item.value);
       return;
     }
 
-    onChange([].concat((0, _toConsumableArray2.default)(chosenOptions), [item]), 'chosenOptions');
+    onChange([].concat((0, _toConsumableArray2.default)(chosenOptions), [item.value]), 'chosenOptions');
   };
 
   var onSearchHandler = function onSearchHandler(name) {
@@ -89,21 +95,22 @@ var TagsDropdown = function TagsDropdown(_ref) {
   };
 
   var getMarkupForElement = function getMarkupForElement(item) {
-    return item.title.toLowerCase().includes((searchValue === null || searchValue === void 0 ? void 0 : searchValue.toLowerCase()) || '') ? /*#__PURE__*/_react.default.createElement("button", {
-      key: item.id,
+    var title = item.title || item.label;
+    return title.toLowerCase().includes((searchValue === null || searchValue === void 0 ? void 0 : searchValue.toLowerCase()) || '') ? /*#__PURE__*/_react.default.createElement("button", {
+      key: item.value,
       onClick: function onClick() {
         return onChangeHandler(item);
       },
-      className: (0, _classnames.default)("".concat(RC, "__list-item"), (0, _defineProperty2.default)({}, "".concat(RC, "__list-item_active"), chosenOptions.some(function (el) {
-        return el.value === item.value;
+      className: (0, _classnames.default)("".concat(RC, "__list-item"), (0, _defineProperty2.default)({}, "".concat(RC, "__list-item_active"), chosenOptions === null || chosenOptions === void 0 ? void 0 : chosenOptions.some(function (value) {
+        return value === item.value;
       })), (0, _defineProperty2.default)({}, "".concat(RC, "__list-item_disabled"), item.disabled))
     }, /*#__PURE__*/_react.default.createElement("span", {
-      className: (0, _classnames.default)("".concat(RC, "__active-icon"), (0, _defineProperty2.default)({}, "".concat(RC, "__active-icon_active"), chosenOptions.some(function (el) {
-        return el.value === item.value;
+      className: (0, _classnames.default)("".concat(RC, "__active-icon"), (0, _defineProperty2.default)({}, "".concat(RC, "__active-icon_active"), chosenOptions === null || chosenOptions === void 0 ? void 0 : chosenOptions.some(function (value) {
+        return value === item.value;
       })))
     }, /*#__PURE__*/_react.default.createElement(_reactFeather.Check, {
       className: "color--text"
-    })), item.title) : null;
+    })), title) : null;
   };
 
   (0, _react.useEffect)(function () {
@@ -113,40 +120,34 @@ var TagsDropdown = function TagsDropdown(_ref) {
     };
   });
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(RC, className),
+    className: (0, _classnames.default)(RC, className, (0, _defineProperty2.default)({}, "".concat(RC, "_disabled"), disabled)),
     ref: dropdownRef
-  }, label && /*#__PURE__*/_react.default.createElement(_Label.default, {
-    className: "".concat(RC, "-label"),
-    isBold: isLabelBold,
-    label: label,
-    hint: hint,
-    hintSide: hintSide
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(RC, "__trigger")
-  }, chosenOptions === null || chosenOptions === void 0 ? void 0 : chosenOptions.map(function (_ref2) {
-    var title = _ref2.title,
-        value = _ref2.value,
-        id = _ref2.id;
+  }, /*#__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);
+    }
+  }, chosenOptions === null || chosenOptions === void 0 ? void 0 : chosenOptions.map(function (value) {
+    // el.list?.find?.(e => e.value === value)
+    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 /*#__PURE__*/_react.default.createElement(_Tag.default, {
-      key: id,
+      key: value,
       className: tagClassname,
-      label: title,
+      label: label,
       removeItem: function removeItem() {
         return deleteChosen(value);
       }
     });
-  }), /*#__PURE__*/_react.default.createElement("button", {
-    className: "".concat(RC, "__btn"),
-    onClick: function onClick() {
-      return setIsOpen(true);
-    }
-  }, /*#__PURE__*/_react.default.createElement("input", {
+  }), /*#__PURE__*/_react.default.createElement("input", {
     className: "".concat(RC, "__input"),
     value: searchValue,
     onChange: function onChange(e) {
       return onSearchHandler(e.target.value);
     },
-    placeholder: "Type or select tags from list",
+    placeholder: "Select from list",
     onKeyDown: function onKeyDown(e) {
       return onKeyPress(e, searchValue);
     }
@@ -154,9 +155,9 @@ var TagsDropdown = function TagsDropdown(_ref) {
     className: (0, _classnames.default)("".concat(RC, "__arrow"), (0, _defineProperty2.default)({}, "".concat(RC, "__arrow_active"), isOpen))
   }, /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronDown, {
     className: "color--text"
-  })))), isOpen && /*#__PURE__*/_react.default.createElement("div", {
+  }))), isOpen && /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(RC, "__list")
-  }, options.map(function (option) {
+  }, options === null || options === void 0 ? void 0 : options.map(function (option) {
     var _option$list;
 
     return option.groupName ? /*#__PURE__*/_react.default.createElement("div", {

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

@@ -6,26 +6,31 @@
   position: relative;
   width: 100%;
 
+  &_disabled {
+    pointer-events: none;
+    opacity: 0.5;
+  }
+
   &__trigger {
-    background: #ffffff;
-    border: 1px solid #e2e5ec;
+    position: relative;
     box-sizing: border-box;
-    border-radius: 3px;
-    padding-left: 5px;
     height: 28px;
     display: flex;
+    flex-flow: row wrap;
+    justify-content: flex-start;
     align-items: center;
-    cursor: pointer;
-  }
 
-  &__btn {
-    display: flex;
-    align-items: center;
-    width: 100%;
+    height: fit-content;
+    min-height: 28px;
+    padding: 3px 24px 3px 5px;
+    cursor: pointer;
+    background: #ffffff;
+    border: 1px solid #e2e5ec;
+    border-radius: 3px;
   }
 
   &__input {
-    width: 100%;
+    flex-grow: 1;
     background: none;
     border: none;
     padding-right: 2px;
@@ -46,7 +51,7 @@
     padding: 8px 0;
     max-height: 320px;
     overflow-y: auto;
-    z-index: 2;
+    z-index: 3;
     text-align: left;
     &::-webkit-scrollbar {
       width: 4px;
@@ -88,10 +93,16 @@
   }
 
   &__arrow {
+    position: absolute;
+    top: 7.5px;
+    right: 5px;
+
     display: flex;
     align-items: center;
     margin-right: 5px;
 
+    cursor: pointer;
+
     &_active {
       transform: rotate(180deg);
     }
@@ -128,4 +139,9 @@
   &-label {
     margin-bottom: 5px;
   }
+
+  .tag {
+    margin-bottom: 3px;
+    cursor: auto;
+  }
 }

package/dist/Constants/index.constants.js

@@ -3,6 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.KEYBOARD_SERVICE_KEYS = void 0;
+exports.DEFAULT_DATE_MASK_NO_VALUE_SYMBOL = exports.MAX_NAME_LENGTH = exports.MAX_PHONE_LENGTH = exports.KEYBOARD_SERVICE_KEYS = 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;
+exports.KEYBOARD_SERVICE_KEYS = KEYBOARD_SERVICE_KEYS;
+var MAX_PHONE_LENGTH = 10;
+exports.MAX_PHONE_LENGTH = MAX_PHONE_LENGTH;
+var MAX_NAME_LENGTH = 128;
+exports.MAX_NAME_LENGTH = MAX_NAME_LENGTH;
+var DEFAULT_DATE_MASK_NO_VALUE_SYMBOL = '_';
+exports.DEFAULT_DATE_MASK_NO_VALUE_SYMBOL = DEFAULT_DATE_MASK_NO_VALUE_SYMBOL;

package/dist/Functions/README.txt

@@ -0,0 +1,9 @@
+Файл fieldValueFormatters.
+
+В файле собраны функции-модификаторы. Целевое назначение ф-й:
+
+    - мутация значений полей формы "на лету", корректировка работы onChange-ров (названия ф-й начинается с filter, логика работает с последовательным вводом данных);
+    - конечное преобразование результата (названия ф-й начинаются с format, не имеют требований к входящим данным, так же могут использоваться в качестве ф-й из первого пункта)
+
+Просьба при расширении файла учитывать целевую направленность, ответственность ф-й задуманную в этом файле.
+Просьба соблюдать правило именования ф-й (начинать наименование с filter или format)

package/dist/Functions/fieldValueFormatters.js

@@ -0,0 +1,112 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.filterNumeric = exports.filterPhone = exports.filterToLimitLength = exports.filterFloat = exports.formatToCutOffDotAtTheEnd = exports.formatToRemoveComa = exports.formatToLetters = exports.formatToTwoDigitAfterDot = exports.formatToAddBitDepthPoints = exports.formatOnlyNumbers = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _index = require("../Constants/index.constants");
+
+// The first word "format" in the function name means a logic in which the function transforms the incoming value in any case.
+// The first word "filter" in the function name means a logic in which the function works as a changer for sequential input
+// format
+var formatOnlyNumbers = function formatOnlyNumbers(value) {
+  return ('' + value).replace(/\D/g, '');
+};
+
+exports.formatOnlyNumbers = formatOnlyNumbers;
+
+var formatToAddBitDepthPoints = function formatToAddBitDepthPoints(value) {
+  var step = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 3;
+  //содержит ли value точку
+  var isFraction = value.includes('.'); //взять строку до точки
+
+  var valueBeforeDot = isFraction ? value.slice(0, value.indexOf('.')) : value; //расстановка запятых после каждой 3й цифры с конца
+
+  var intPart = valueBeforeDot.split('').reverse().reduce(function (acc, item, idx) {
+    return idx % step === 0 && idx !== 0 ? [].concat((0, _toConsumableArray2.default)(acc), [',', item]) : [].concat((0, _toConsumableArray2.default)(acc), [item]);
+  }, []).reverse().join('');
+  return isFraction ? intPart + value.slice(value.indexOf('.')) : intPart;
+};
+
+exports.formatToAddBitDepthPoints = formatToAddBitDepthPoints;
+
+var formatToTwoDigitAfterDot = function formatToTwoDigitAfterDot(value) {
+  var arr = value.split('.');
+  var intPart = arr.shift();
+  var decimalPart = arr.join('').replace(/\s/g, '').slice(0, 2);
+  return intPart + (decimalPart.length ? '.' + decimalPart : '');
+};
+
+exports.formatToTwoDigitAfterDot = formatToTwoDigitAfterDot;
+
+var formatToLetters = function formatToLetters(value) {
+  var soft = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+
+  if (soft) {
+    return value.toString().replace(/[^a-z-]/gi, '');
+  } else {
+    return value.toString().replace(/[^a-z]/gi, '');
+  }
+};
+
+exports.formatToLetters = formatToLetters;
+
+var formatToRemoveComa = function formatToRemoveComa(value) {
+  return value.toString().replace(/\,/g, '');
+};
+
+exports.formatToRemoveComa = formatToRemoveComa;
+
+var formatToCutOffDotAtTheEnd = function formatToCutOffDotAtTheEnd(value) {
+  return value.toString().slice(-1) === '.' ? value.slice(0, -1) : value;
+}; // filter
+
+
+exports.formatToCutOffDotAtTheEnd = formatToCutOffDotAtTheEnd;
+
+var filterFloat = function filterFloat(value) {
+  var decimalPlaces = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+
+  var replaser = function replaser(input) {
+    return ('' + input).replace(/[^\.\d]/g, '');
+  };
+
+  if (value.length === 1 && (value[0] === '.' || value[0] === ',')) return '0.';
+  var output = ('' + value).replace(/,/g, '.');
+  if (value.length > 1 && value[0] === '0' && value[1] !== '.' && value[0] !== ',') output = value.slice(1);
+  var previousValue = '' + output.slice(0, -1);
+  var lastSym = '' + output.slice(-1);
+  if (decimalPlaces && typeof decimalPlaces === 'number' && previousValue.includes('.') && previousValue.indexOf('.') + 1 + decimalPlaces === previousValue.length) return replaser(previousValue);
+  return replaser(lastSym === '.' && previousValue.includes('.') ? previousValue : output);
+};
+
+exports.filterFloat = filterFloat;
+
+var filterToLimitLength = function filterToLimitLength(value, limit) {
+  return limit && typeof limit === 'number' && !Number.isNaN(limit) && (value === null || value === void 0 ? void 0 : value.length) > limit ? value.substr(0, limit) : value;
+};
+
+exports.filterToLimitLength = filterToLimitLength;
+
+var filterPhone = function filterPhone(value) {
+  return limitLength(filterNumbers(value), _index.MAX_PHONE_LENGTH);
+};
+
+exports.filterPhone = filterPhone;
+
+var filterNumeric = function filterNumeric(value, settings) {
+  var _ref = settings || {},
+      _ref$type = _ref.type,
+      type = _ref$type === void 0 ? 'float' : _ref$type,
+      decimalPlaces = _ref.decimalPlaces;
+
+  var executor = type === 'float' ? filterFloat : formatOnlyNumbers;
+  return executor(value, decimalPlaces);
+};
+
+exports.filterNumeric = filterNumeric;

package/dist/Functions/inputExecutor.js

@@ -1,39 +1,38 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.formatInput = void 0;
 
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _fieldValueFormatters = require("../Functions/fieldValueFormatters");
 
 var formatInput = {
   priceInput: {
-    addCommas: function addCommas(value) {
-      value = value.toString();
-      var isFraction = value.includes('.');
-      var valueBeforeDot = isFraction ? value.slice(0, value.indexOf('.')) : value;
-      var intPart = valueBeforeDot.split('').reverse().reduce(function (acc, item, idx) {
-        return idx % 3 === 0 && idx !== 0 ? [].concat((0, _toConsumableArray2.default)(acc), [',', item]) : [].concat((0, _toConsumableArray2.default)(acc), [item]);
-      }, []).reverse().join('');
-      return isFraction ? intPart + value.slice(value.indexOf('.')) : intPart;
-    },
+    addCommas: _fieldValueFormatters.formatToAddBitDepthPoints,
     removeComma: function removeComma(value) {
       return parseInt(value.toString().replace(/\,/g, ''));
     }
   },
-  onlyNumbers: function onlyNumbers(value) {
-    var isDot = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-    var val = value.slice(0, 1) !== '0' && value.slice(0, 1) !== '.' ? value : value.slice(1);
-    if (isDot) return twoDigitAfterDot(val.replace(/[^0-9.]/g, ''));else return +val.toString().replace(/\D/g, '');
+  // onlyNumbers: (value, isDot = false) => {
+  //   const val = value.slice(0, 1) !== '0' && value.slice(0, 1) !== '.' ? value : value.slice(1);
+  //   if (isDot) return twoDigitAfterDot(val.replace(/[^0-9.]/g, ''));
+  //   else return +val.toString().replace(/\D/g, '');
+  // },
+  formatToOnlyNumbers: function formatToOnlyNumbers(value, settings) {
+    var _ref = settings || {},
+        _ref$type = _ref.type,
+        type = _ref$type === void 0 ? 'float' : _ref$type,
+        decimalPlaces = _ref.decimalPlaces;
+
+    var executor = type === 'float' ? _fieldValueFormatters.filterFloat : _fieldValueFormatters.formatOnlyNumbers;
+    return executor(value, decimalPlaces);
   },
-  onlyString: function onlyString(value) {
+  formatToOnlyString: function formatToOnlyString(value) {
     var soft = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
 
     if (soft) {
-      return value.toString().replace(/[^a-z.]/gi, '');
+      return value.toString().replace(/[^a-z- ]/gi, '');
     } else {
       return value.toString().replace(/[^a-z]/gi, '');
     }

package/dist/Molecular/FormElements/FormElement.js

@@ -23,14 +23,16 @@ var FormElement = function FormElement(_ref) {
       children = _ref.children,
       error = _ref.error,
       className = _ref.className,
-      hint = _ref.hint;
+      hint = _ref.hint,
+      isLabelBolt = _ref.isLabelBolt;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(className, RC)
   }, label && /*#__PURE__*/_react.default.createElement(_Label.default, {
     className: "".concat(RC, "__label"),
     label: label,
     hint: hint,
-    isRequired: required
+    isRequired: required,
+    isLabelBolt: isLabelBolt
   }), children, error && /*#__PURE__*/_react.default.createElement("span", {
     className: "".concat(RC, "__error")
   }, error));

package/dist/Molecular/FormElements/FormElement.stories.js

@@ -59,6 +59,7 @@ var InputTemplate = Template.bind({});
 exports.InputTemplate = InputTemplate;
 InputTemplate.args = {
   label: 'Text label',
+  isLabelBolt: true,
   error: 'error',
   required: true,
   hint: {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "intelicoreact",
-  "version": "0.0.99",
-  "description": "added softStringMode with string and dot for input, fix logic of start/end-date props (part 5)",
+  "version": "0.1.2",
+  "description": "add postfix in dropdown",
   "main": "dist/index.js",
   "files": ["dist/*"],
   "scripts": {