intelicoreact 0.1.33 → 0.1.36

package/dist/Atomic/FormElements/DateTime/DateTime.js

@@ -2,28 +2,53 @@
 
 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 _react = _interopRequireDefault(require("react"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
 
-var _moment = _interopRequireDefault(require("moment"));
+var _classnames = _interopRequireDefault(require("classnames"));
 
 require("./DateTime.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 RC = 'date-time';
+var DEFAULT_DATE_FORMAT = 'DD.MM.YYYY';
+var DEFAULT_TIME_FORMAT = 'HH:mm:ss';
+
 var DateTime = function DateTime(_ref) {
   var className = _ref.className,
-      item = _ref.item;
-  var date = (0, _moment.default)(item).format('DD.MM.YYYY');
-  var time = (0, _moment.default)(item).format('HH:mm:ss');
+      value = _ref.value,
+      valueFormat = _ref.valueFormat,
+      inputDateFormat = _ref.dateFormat,
+      inputTimeFormat = _ref.timeFormat,
+      isNoDate = _ref.isNoDate,
+      isNoTime = _ref.isNoTime;
+  var dateFormat = !!inputDateFormat ? inputDateFormat : DEFAULT_DATE_FORMAT;
+  var timeFormat = !!inputTimeFormat ? inputTimeFormat : DEFAULT_TIME_FORMAT;
+  var date = (0, _react.useMemo)(function () {
+    return (valueFormat ? (0, _momentTimezone.default)(value, valueFormat) : (0, _momentTimezone.default)(value)).format(dateFormat);
+  }, [value, valueFormat, dateFormat]);
+  var time = (0, _react.useMemo)(function () {
+    return (valueFormat ? (0, _momentTimezone.default)(value, valueFormat) : (0, _momentTimezone.default)(value)).format(timeFormat);
+  }, [value, valueFormat, timeFormat]);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: "date-time ".concat(className)
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "date-time--date"
-  }, date), /*#__PURE__*/_react.default.createElement("span", {
-    className: "date-time--time color--pause"
+    className: (0, _classnames.default)(RC, className)
+  }, !isNoDate && /*#__PURE__*/_react.default.createElement("span", {
+    className: (0, _classnames.default)("".concat(RC, "__date"))
+  }, date), !isNoTime && /*#__PURE__*/_react.default.createElement("span", {
+    className: (0, _classnames.default)("".concat(RC, "__time"), (0, _defineProperty2.default)({}, "".concat(RC, "_color--pause"), !isNoDate))
   }, time));
 };
 

package/dist/Atomic/FormElements/DateTime/DateTime.scss

@@ -1,12 +1,18 @@
+
+@import "./../../../scss/vars";
+
 .date-time {
   display: flex;
+  flex-direction: column;
   justify-content: center;
   align-items: flex-start;
-  flex-direction: column;
-  font-size: 13px;
 
-  &--date,
-  &--time {
-    font-weight: 400;
+  &__date,
+  &__time {
+    font-weight: normal;
+  }
+
+  &_color--pause {
+    color: $color--pause;
   }
 }

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

@@ -7,10 +7,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DateTimeTemplate = exports.default = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _DateTime = _interopRequireDefault(require("./DateTime"));
 
+require("./partial/AnyOuterClass.scss");
+
+var _excluded = ["isIncludeOuterStyles"];
 global.lng = 'en';
 var _default = {
   title: 'Form Elements/DateTime',
@@ -19,11 +26,21 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_DateTime.default, args);
+  var isIncludeOuterStyles = args.isIncludeOuterStyles,
+      restArgs = (0, _objectWithoutProperties2.default)(args, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_DateTime.default, (0, _extends2.default)({}, restArgs, {
+    className: isIncludeOuterStyles ? 'any-outer-class__date-time' : null
+  }));
 };
 
 var DateTimeTemplate = Template.bind({});
 exports.DateTimeTemplate = DateTimeTemplate;
 DateTimeTemplate.args = {
-  item: '2021-05-12T23:54:25+0300'
+  isIncludeOuterStyles: false,
+  value: '2021-05-12T23:54:25+0300',
+  valueFormat: '',
+  dateFormat: '',
+  timeFormat: '',
+  isNoDate: false,
+  isNoTime: false
 };

package/dist/Atomic/FormElements/DateTime/partial/AnyOuterClass.scss

@@ -0,0 +1,9 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');
+
+.any-outer-class__date-time {
+  font-family: Roboto, sans-serif;
+  font-style: normal;
+  font-weight: 400;
+  font-size: 13px;
+  color: #1E1E2D;
+}

package/dist/Atomic/FormElements/DoubleString/DoubleString.js

@@ -13,16 +13,18 @@ var _classnames = _interopRequireDefault(require("classnames"));
 
 require("./DoubleString.scss");
 
+var RC = 'double-string';
+
 var DoubleString = function DoubleString(_ref) {
   var value = _ref.value,
       description = _ref.description,
       className = _ref.className;
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(className, 'double-string')
+    className: (0, _classnames.default)(RC, className)
   }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "double-string--value"
+    className: (0, _classnames.default)("".concat(RC, "__value"))
   }, value), /*#__PURE__*/_react.default.createElement("span", {
-    className: "double-string--description"
+    className: (0, _classnames.default)("".concat(RC, "__description"))
   }, description));
 };
 

package/dist/Atomic/FormElements/DoubleString/DoubleString.scss

@@ -4,17 +4,22 @@
   justify-content: center;
   flex-direction: column;
 
-  &--value {
-    font-size: 13px;
-    color: #1e1e2d;
-    max-width: 250px;
+  &__value, &__description {
+    font-family: inherit;
+    font-style: inherit;
+    font-weight: inherit;
+    font-size: inherit;
+    color: inherit;
+  }
+
+  &__value {
+    margin-bottom: 4px;
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
   }
 
-  &--description {
-    font-size: 13px;
+  &__description {
     color: #9aa0b9;
   }
 }

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

@@ -7,10 +7,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.DoubleStringTemplate = exports.default = void 0;
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _DoubleString = _interopRequireDefault(require("./DoubleString"));
 
+require("./partial/AnyOuterClass.scss");
+
+var _excluded = ["isIncludeOuterStyles"];
 global.lng = 'en';
 var _default = {
   title: 'DoubleString',
@@ -19,12 +26,17 @@ var _default = {
 exports.default = _default;
 
 var Template = function Template(args) {
-  return /*#__PURE__*/_react.default.createElement(_DoubleString.default, args);
+  var isIncludeOuterStyles = args.isIncludeOuterStyles,
+      restArgs = (0, _objectWithoutProperties2.default)(args, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_DoubleString.default, (0, _extends2.default)({}, args, {
+    className: isIncludeOuterStyles ? 'any-outer-class__double-string' : null
+  }));
 };
 
 var DoubleStringTemplate = Template.bind({});
 exports.DoubleStringTemplate = DoubleStringTemplate;
 DoubleStringTemplate.args = {
+  isIncludeOuterStyles: false,
   value: 'Value',
   description: 'Description'
 };

package/dist/Atomic/FormElements/DoubleString/partial/AnyOuterClass.scss

@@ -0,0 +1,16 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');
+
+.any-outer-class__double-string {
+  font-family: Roboto, sans-serif;
+  font-style: normal;
+  font-weight: 400;
+  font-size: 16px;
+  color: #1e1e2d;;
+
+  .double-string {
+    &__description {
+      color: #687bc1;
+      font-size: 13px;
+    }
+  }
+}

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

@@ -116,8 +116,9 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
 
   var handle = {
     change: function change(e) {
-      var inputValue = e.target ? e.target.value : e;
-      if ((type === 'text' || type === 'email') && !isNotValidateASCII) inputValue = (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(inputValue);
+      var inputValue = e.target ? e.target.value : e; // if ((type === 'text' || type === 'email') && !isNotValidateASCII) inputValue = formatToOnlyASCIICodeText(inputValue);
+
+      if (!isNotValidateASCII) inputValue = (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(inputValue);
       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());
@@ -148,8 +149,7 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
     },
     keyUp: function keyUp(e) {
       if (isUseErrorsBlink) {
-        var changedValue = '' + (value !== null && value !== void 0 ? value : ''); // const previousValue = '' + (previousValueRef.current ?? '');
-
+        var changedValue = '' + (value !== null && value !== void 0 ? value : '');
         var previousValue = '' + prevValue;
         var short = previousValue.length <= changedValue.length ? previousValue : changedValue;
         var long = previousValue.length > changedValue.length ? previousValue : changedValue;
@@ -166,24 +166,8 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
         });
         var samePart = infoAboutDifferencesSameness.same.join('');
         var differencesLength = infoAboutDifferencesSameness.differences.length;
-        var currentSet = changedValue.replace(samePart, ''); /// ????????????????
-        // const getNext = (inputPartToAdd, correctedSamePart) => {
-        //   const partToAdd = inputPartToAdd || currentSet;
-        //   const currentSamePart = correctedSamePart || samePart;
-        //   return changedValue.includes(e.key) && e.key !== changedValue[changedValue.length - 1]
-        //     ? currentSamePart + (partToAdd[0] || '')
-        //     : changedValue;
-        // };
-        /// ????????????????
-
-        if (!_index.KEYBOARD_SERVICE_KEYS.includes(e.key) && changedValue === previousValue) {
-          setIsAttemptToChange(!(!differencesLength && e.key === currentSet));
-        } /// ????????????????
-        // if (!previousValueRef.current || KEYBOARD_SERVICE_KEYS.includes(e.key)) previousValueRef.current = getNext();
-        // else if (changedValue === samePart) previousValueRef.current = getNext(changedValue, changedValue.slice(0, -1));
-        // else previousValueRef.current = getNext();
-        /// ????????????????
-
+        var currentSet = changedValue.replace(samePart, '');
+        if (!_index.KEYBOARD_SERVICE_KEYS.includes(e.key) && changedValue === previousValue) setIsAttemptToChange(!(!differencesLength && e.key === currentSet));
       }
 
       onKeyUp(e.keyCode, e);
@@ -229,13 +213,10 @@ var Input = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
       formatChars: formatChars
     } : {});
 
-    if (mask) {
-      return /*#__PURE__*/_react.default.createElement(_reactInputMask.default, (0, _extends2.default)({}, uniProps, {
-        inputRef: inputRef,
-        mask: mask
-      }));
-    }
-
+    if (mask) return /*#__PURE__*/_react.default.createElement(_reactInputMask.default, (0, _extends2.default)({}, uniProps, {
+      inputRef: inputRef,
+      mask: mask
+    }));
     return /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({}, uniProps, {
       ref: inputRef,
       type: isPriceInput ? 'text' : type

package/dist/Atomic/FormElements/InputDateRange/InputDateRange.scss

@@ -1,4 +1,4 @@
-:root {
+.date-range-input {
   --input-height: 28px;
   --label-line-height: 16px;
   // --border-color: rgba(0, 0, 0, 0.3);
@@ -8,9 +8,7 @@
   --font-size: 13px;
   --line-height: 20px;
   --border-radius: 3px;
-}
 
-.date-range-input {
   /*position: relative;
   width: 335px;
   //height: calc(var(--input-height) + var(--label-line-height));

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

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setCaretPosition = exports.getCaretPosition = void 0;
+
+var getCaretPosition = function getCaretPosition(ctrl) {
+  // IE < 9 Support
+  if (document.selection) {
+    ctrl.focus();
+    var range = document.selection.createRange();
+    var rangelen = range.text.length;
+    range.moveStart('character', -ctrl.value.length);
+    var start = range.text.length - rangelen;
+    return {
+      'start': start,
+      'end': start + rangelen
+    };
+  } // IE >=9 and other browsers
+  else if (ctrl.selectionStart || ctrl.selectionStart == '0') {
+    return {
+      'start': ctrl.selectionStart,
+      'end': ctrl.selectionEnd
+    };
+  } else {
+    return {
+      'start': 0,
+      'end': 0
+    };
+  }
+};
+
+exports.getCaretPosition = getCaretPosition;
+
+var setCaretPosition = function setCaretPosition(ctrl, start, end) {
+  var range = document.createRange();
+  var sel = window.getSelection();
+  range.setStart(ctrl.childNodes[0], start);
+  range.collapse(true);
+  sel.removeAllRanges();
+  sel.addRange(range);
+  ctrl.focus(); // // IE >= 9 and other browsers
+  // if (ctrl.setSelectionRange) {
+  //     ctrl.focus();
+  //     ctrl.setSelectionRange(start, end);
+  // }
+  // // IE < 9
+  // else if (ctrl.createTextRange) {
+  //     var range = ctrl.createTextRange();
+  //     range.collapse(true);
+  //     range.moveEnd('character', end);
+  //     range.moveStart('character', start);
+  //     range.select();
+  // }
+};
+
+exports.setCaretPosition = setCaretPosition;