intelicoreact 0.1.1 → 0.1.4

package/dist/Atomic/UI/Button/Button.scss

@@ -19,57 +19,57 @@
     pointer-events: none;
   }
 
-    &_dark-outline {
+  &_dark-outline {
         border: 1px solid #bac2c9;
         color: #1E1E2DFF;
 
         &:hover {
             background-color: #F2F2F8FF;
         }
-    }
+  }
 
-    &_primary {
+  &_primary {
         border: 1px solid #6B81DDFF;
         background-color: #6B81DDFF;
         color: #fff;
         &:hover {
             filter: brightness(1.1);
         }
-    }
+  }
 
-    &_secondary {
+  &_secondary {
         border: 1px solid #BAC2C9FF;
         background-color: #BAC2C9FF;
         color: #fff;
         &:hover {
             filter: brightness(1.1);
         }
-    }
+  }
 
-    &_ellipse-apply{
-      padding: 8px 16px;
-      border-radius: 40px;
-      background: #1F7499;
-      font-family: 'Sarabun';
-      font-style: normal;
-      font-weight: 500;
-      font-size: 16px;
-      line-height: 24px;
-      letter-spacing: 0.1px;
-      color: #FFFFFF;
-    }
+  &_ellipse-apply{
+    padding: 8px 16px;
+    border-radius: 40px;
+    background: #1F7499;
+    font-family: 'Sarabun';
+    font-style: normal;
+    font-weight: 500;
+    font-size: 16px;
+    line-height: 24px;
+    letter-spacing: 0.1px;
+    color: #FFFFFF;
+  }
 
-    &_ellipse-cancel{
-      padding: 8px 18px;
-      border-radius: 32px;
-      font-family: Sarabun;
-      font-style: normal;
-      font-weight: normal;
-      font-size: 14px;
-      line-height: 20px;
-      letter-spacing: 0.2px;
-      color: #1F7499;
-    }
+  &_ellipse-cancel{
+    padding: 8px 18px;
+    border-radius: 32px;
+    font-family: Sarabun;
+    font-style: normal;
+    font-weight: normal;
+    font-size: 14px;
+    line-height: 20px;
+    letter-spacing: 0.2px;
+    color: #1F7499;
+  }
 
   &_link {
     color: #6b81dd;
@@ -92,7 +92,10 @@
 
   &__text {
     width: 100%;
-    text-align: center;
+    margin-left: 5px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
   }
 
   &:active {
@@ -100,9 +103,20 @@
   }
 
   &__icon {
-    width: 20px;
+    width: auto;
     height: 25px;
-    margin-right: 5px;
     min-width: 15px;
   }
+
+  &_icon-right {
+    .button__text {
+      order: 1;
+      margin-left: 0;
+      margin-right: 5px;
+    }
+
+    svg {
+      order: 2
+    }
+  }
 }

package/dist/Atomic/UI/Button/Button.stories.js

@@ -57,5 +57,6 @@ ButtonTemplate.args = {
     return null;
   },
   label: 'Button',
-  icon: /*#__PURE__*/_react.default.createElement(_reactFeather.Check, null)
+  icon: /*#__PURE__*/_react.default.createElement(_reactFeather.Check, null),
+  isIconRight: false
 };

package/dist/Atomic/UI/Status/Status.scss

@@ -36,7 +36,8 @@
     color: $color--froly;
     background-color: #fce2e8;
   }
-
+  
+  &--pending,
   &--processing {
     color: #9aa0b9;
     background-color: #e2e6f8;

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,119 @@
+"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.formatToOnlyASCIICodeText = 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, '');
+  }
+}; // eslint-disable-next-line no-control-regex
+
+
+exports.formatToLetters = formatToLetters;
+
+var formatToOnlyASCIICodeText = function formatToOnlyASCIICodeText(text) {
+  return text === null || text === void 0 ? void 0 : text.replace(/[^\x00-\x7F]+/g, '');
+};
+
+exports.formatToOnlyASCIICodeText = formatToOnlyASCIICodeText;
+
+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,35 +1,34 @@
 "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) {

package/dist/Molecular/FormElements/FormElement.js

@@ -23,14 +23,17 @@ var FormElement = function FormElement(_ref) {
       children = _ref.children,
       error = _ref.error,
       className = _ref.className,
-      hint = _ref.hint;
+      hint = _ref.hint,
+      isLabelBolt = _ref.isLabelBolt,
+      isNoLabel = _ref.isNoLabel;
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(className, RC)
-  }, label && /*#__PURE__*/_react.default.createElement(_Label.default, {
+  }, label && !isNoLabel && /*#__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.1.1",
-  "description": "added softStringMode with string and dot for input, fix logic of start/end-date props (part 5)",
+  "version": "0.1.4",
+  "description": "add postfix in dropdown",
   "main": "dist/index.js",
   "files": ["dist/*"],
   "scripts": {