intelicoreact 1.2.0 → 1.2.1

package/dist/Atomic/FormElements/InputCurrency/InputCurrency.js

@@ -0,0 +1,84 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+require("./InputCurrency.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; }
+
+var InputCurrency = function InputCurrency(_ref) {
+  var currencySymbol = _ref.currencySymbol,
+      onChange = _ref.onChange,
+      className = _ref.className,
+      value = _ref.value,
+      disabled = _ref.disabled;
+
+  var _useState = (0, _react.useState)(value || currencySymbol || '$'),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      inputValue = _useState2[0],
+      setInputValue = _useState2[1];
+
+  var inputRef = (0, _react.useRef)(null);
+
+  var formatNumberWithCommas = function formatNumberWithCommas(number) {
+    return number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+  };
+
+  var formatCurrencyInput = function formatCurrencyInput(event) {
+    var newValue = event.target.value;
+    newValue = newValue.replace(/[^0-9]/g, '');
+    newValue = formatNumberWithCommas(newValue);
+    newValue = "".concat(currencySymbol || '$').concat(newValue);
+    setInputValue(newValue);
+    onChange(newValue.replace(/[^0-9]/g, ''));
+  };
+
+  var onInputClick = function onInputClick() {
+    if (!inputValue) {
+      inputRef.current.selectionStart = inputRef.current.selectionEnd = currencySymbol ? currencySymbol.length : 1;
+    }
+  };
+
+  var onKeyDown = function onKeyDown(event) {
+    if (event.key.match(/^[a-zA-Z0-9]$/)) {
+      setInputValue(inputValue.slice(0, inputRef.current.selectionStart));
+    }
+  };
+
+  (0, _react.useEffect)(function () {
+    if (value) {
+      setInputValue("".concat(currencySymbol || '$').concat(value));
+    }
+  }, []);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('input-currency-box', className, {
+      disabled: disabled
+    })
+  }, /*#__PURE__*/_react.default.createElement("input", {
+    className: "input-currency",
+    type: "text",
+    ref: inputRef,
+    value: inputValue,
+    onChange: formatCurrencyInput,
+    onClick: onInputClick,
+    onKeyDown: onKeyDown
+  }));
+};
+
+var _default = InputCurrency;
+exports.default = _default;

package/dist/Atomic/FormElements/InputCurrency/InputCurrency.scss

@@ -0,0 +1,15 @@
+.input-currency-box {}
+
+.input-currency {
+  padding: 0 16px;
+  height: 40px;
+  max-height: 40px;
+  border-radius: 6px;
+  border: 1px solid #E1E8F1;
+  background: #F8FBFF;
+  font-size: 16px;
+  font-weight: 400;
+  line-height: 24px;
+  letter-spacing: 0.2px;
+  box-sizing:border-box;
+}

package/dist/Functions/utils.js

@@ -9,17 +9,21 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.transformUTCTimeToLocal = transformUTCTimeToLocal;
 exports.transformUTCHoursToLocal = transformUTCHoursToLocal;
+exports.transformDateOrTimeOrTogetherToFormat = transformDateOrTimeOrTogetherToFormat;
+exports.transformDateOrTimeOrTogetherToFormattedLocal = transformDateOrTimeOrTogetherToFormattedLocal;
 exports.downloadEmulation = downloadEmulation;
-exports.getIsOnlyAnObject = exports.getCorrectTestId = exports.disableDefaultBehavior = exports.getOS = exports.getUniqueFileExtensions = exports.renderFileSize = exports.getBase64 = exports.compareAlphabetical = exports.setCarretToEnd = exports.compare = exports.downloadFile = exports.checkedRef = exports.capitalized = exports.firstLetterCapital = exports.changeMeta = exports.addBitDepthPoints = exports.throttle = exports.debounce = exports.getColorById = exports.getStyles = exports.logout = exports.omitKeys = exports.clone = exports.useOutsideToggle = exports.handleObjectChange = void 0;
+exports.getCorrectTestId = exports.disableDefaultBehavior = exports.getOS = exports.getUniqueFileExtensions = exports.renderFileSize = exports.getBase64 = exports.compareAlphabetical = exports.setCarretToEnd = exports.compare = exports.downloadFile = exports.checkedRef = exports.capitalized = exports.firstLetterCapital = exports.changeMeta = exports.addBitDepthPoints = exports.throttle = exports.debounce = exports.getColorById = exports.getStyles = exports.logout = exports.omitKeys = exports.clone = exports.useOutsideToggle = exports.handleObjectChange = exports.getIsOnlyAnObject = void 0;
 
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 
 var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
@@ -32,7 +36,18 @@ function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _ty
 
 function _toPrimitive(input, hint) { if (_typeof3(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof3(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 
+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 _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 getIsOnlyAnObject = function getIsOnlyAnObject(input) {
+  return (0, _typeof2.default)(input) === 'object' && input instanceof Object && !Array.isArray(input);
+};
 /* eslint-disable guard-for-in, no-unused-vars */
+
+
+exports.getIsOnlyAnObject = getIsOnlyAnObject;
+
 var handleObjectChange = function handleObjectChange(updateObject, updateFunction) {
   return function (data) {
     var prop = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
@@ -120,6 +135,88 @@ function transformUTCHoursToLocal(time) {
 
   if (HH < 0) HH += 24;
   return "".concat(HH, ":").concat(mm, ":").concat(ss);
+} //? Намерянно значением по умолчанию назначаю самый информационно-маленький паттерн
+
+
+function transformDateOrTimeOrTogetherToFormat(data) {
+  var outputFormat = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'HH:mm';
+  var additional = arguments.length > 2 ? arguments[2] : undefined;
+  var ERROR_VALUE = 'Invalid date';
+  var ERROR_MESSGE = "Invalid input data for ".concat(outputFormat, " format");
+
+  var _ref = getIsOnlyAnObject(additional) ? additional : {},
+      parseFormat = _ref.parseFormat,
+      isReturnAsMomentInstance = _ref.isReturnAsMomentInstance;
+
+  if (typeof data !== 'string' && typeof data !== 'number') {
+    return isReturnAsMomentInstance ? (0, _momentTimezone.default)('error') : ERROR_MESSGE;
+  } //? Игнорируем parseFormat, если data пришла как timestamp или если parseFormat не строка
+
+
+  var momentArgs = [data].concat((0, _toConsumableArray2.default)(!Number.isNaN(+data) || typeof parseFormat === 'string' ? [] : [parseFormat])); //? Задача получить moment-экземпляр, валидный либо невалидный
+
+  var momentInstance = function () {
+    var instance = _momentTimezone.default.apply(void 0, (0, _toConsumableArray2.default)(momentArgs)); //? Проверяем валидность moment-экземпляр-а путем попытки привести его к выходному формату
+    //? Попадем в этот кейс если
+    //?   - data это timestamp
+    //?   - data это строка в формате date-time
+    //?   - data это строка в формате date (в этом случае время выставится 00:00:00)
+
+
+    if (instance.format(outputFormat) !== ERROR_VALUE) return instance; //? Если же приведение не удалось, то предполагаем, что data пришла в формате time
+    //? В этом случае создадим объект от текущей даты, распарсим data и установим время
+    //? Корректно обработаются паттерны: 'HH*mm', 'HH*mm*ss', 'HH*mm*ss*любое_количество_ms', где * - любой разделитель
+    else if (/^\d\d.\d\d/.test(data)) {
+      instance = (0, _momentTimezone.default)();
+      var symbols = data.split('');
+      var timeArr = symbols.reduce(function (acc, symbol, idx) {
+        if (Number.isNaN(+symbol)) {
+          if (acc.group) acc.result.push(acc.group);
+          acc.group = '';
+        } else acc.group = "".concat(acc.group).concat(symbol);
+
+        if (idx === symbols.length - 1 && acc.group) acc.result.push(acc.group);
+        return acc;
+      }, {
+        result: [],
+        group: ''
+      }) //? reverse используется исключительно для того, чтобы после можно было использовать метод pop, а не shift,
+      //? т.к. методы добавления/извлечения относительно конца массива работают быстрее,
+      //? чем аналогичные относительно начала массива
+      .result.reverse();
+      instance.hours(+timeArr.pop());
+      instance.minutes(+timeArr.pop());
+      instance.seconds(timeArr.length ? +timeArr.pop() : 0);
+      instance.milliseconds(timeArr.length ? +timeArr.pop() : 0);
+    } else instance = (0, _momentTimezone.default)('error'); //? Иначе создаем заведомо невалидный moment-экземпляр
+
+    return instance;
+  }();
+
+  if (isReturnAsMomentInstance) return momentInstance;
+  var output = momentInstance.format(outputFormat);
+  return output === ERROR_VALUE ? ERROR_MESSGE : output;
+} //? Намерянно значением по умолчанию назначаю самый информационно-маленький паттерн
+
+
+function transformDateOrTimeOrTogetherToFormattedLocal(data) {
+  var outputFormat = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'HH:mm';
+  var additional = arguments.length > 2 ? arguments[2] : undefined;
+  var ERROR_VALUE = 'Invalid date';
+  var ERROR_MESSGE = "Invalid input data for ".concat(outputFormat, " format");
+
+  if (additional && !getIsOnlyAnObject(additional)) {
+    throw new Error('Bad additional (transformDateOrTimeOrTogetherToFormattedLocal)');
+  }
+
+  var compositeAdditional = _objectSpread(_objectSpread({}, additional || {}), {}, {
+    isReturnAsMomentInstance: true
+  });
+
+  var date = transformDateOrTimeOrTogetherToFormat(data, outputFormat, compositeAdditional);
+  var dateWithLocale = date.add((0, _momentTimezone.default)().utcOffset(), 'minutes');
+  var output = dateWithLocale.format(outputFormat);
+  return output === ERROR_VALUE ? ERROR_MESSGE : output;
 } //принимает обьект и массив ключей обьекта
 //возвращает обьект с теми полями, которых нет в массиве ключей
 
@@ -276,16 +373,16 @@ function downloadEmulation(data, filename) {
 }
 
 var downloadFile = /*#__PURE__*/function () {
-  var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(_ref) {
+  var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(_ref2) {
     var url, name, type, response;
     return _regenerator.default.wrap(function _callee2$(_context2) {
       while (1) {
         switch (_context2.prev = _context2.next) {
           case 0:
-            url = _ref.url, name = _ref.name, type = _ref.type;
+            url = _ref2.url, name = _ref2.name, type = _ref2.type;
             _context2.next = 3;
             return fetch(url).then( /*#__PURE__*/function () {
-              var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(res) {
+              var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(res) {
                 return _regenerator.default.wrap(function _callee$(_context) {
                   while (1) {
                     switch (_context.prev = _context.next) {
@@ -310,7 +407,7 @@ var downloadFile = /*#__PURE__*/function () {
               }));
 
               return function (_x2) {
-                return _ref3.apply(this, arguments);
+                return _ref4.apply(this, arguments);
               };
             }());
 
@@ -327,7 +424,7 @@ var downloadFile = /*#__PURE__*/function () {
   }));
 
   return function downloadFile(_x) {
-    return _ref2.apply(this, arguments);
+    return _ref3.apply(this, arguments);
   };
 }();
 
@@ -532,18 +629,12 @@ String.prototype.lastIndexEqualsTo = function (index) {
 // };
 
 
-var getCorrectTestId = function getCorrectTestId(_ref4) {
-  var _ref4$testId = _ref4.testId,
-      testId = _ref4$testId === void 0 ? '' : _ref4$testId,
-      _ref4$withTier = _ref4.withTier,
-      withTier = _ref4$withTier === void 0 ? true : _ref4$withTier;
+var getCorrectTestId = function getCorrectTestId(_ref5) {
+  var _ref5$testId = _ref5.testId,
+      testId = _ref5$testId === void 0 ? '' : _ref5$testId,
+      _ref5$withTier = _ref5.withTier,
+      withTier = _ref5$withTier === void 0 ? true : _ref5$withTier;
   return testId && testId !== undefined ? "".concat(withTier ? '-' : '').concat(testId) : '';
 };
 
-exports.getCorrectTestId = getCorrectTestId;
-
-var getIsOnlyAnObject = function getIsOnlyAnObject(input) {
-  return (0, _typeof2.default)(input) === 'object' && input instanceof Object && !Array.isArray(input);
-};
-
-exports.getIsOnlyAnObject = getIsOnlyAnObject;
+exports.getCorrectTestId = getCorrectTestId;

package/package.json

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