intelicoreact 1.0.29 → 1.0.31

package/dist/Atomic/FormElements/FileLoader/partial/LoadZone.js

@@ -0,0 +1,173 @@
+"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 _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+require("../FileLoader.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 DEFAULT_MAX_FILE_SIZE = 1024 * 1024 * 5; //5Мб
+
+var FILTER_FILES_DEFAULT = function FILTER_FILES_DEFAULT(file) {
+  return file.size <= DEFAULT_MAX_FILE_SIZE ? file : null;
+};
+
+var LoadZone = function LoadZone(_ref) {
+  var RC = _ref.RC,
+      fieldKey = _ref.fieldKey,
+      onChange = _ref.onChange,
+      doLoad = _ref.doLoad,
+      setDragenter = _ref.setDragenter,
+      setIsLoadContent = _ref.setIsLoadContent,
+      icon = _ref.icon,
+      _ref$placeholder = _ref.placeholder,
+      placeholder = _ref$placeholder === void 0 ? '' : _ref$placeholder,
+      _ref$filterFiles = _ref.filterFiles,
+      filterFiles = _ref$filterFiles === void 0 ? FILTER_FILES_DEFAULT : _ref$filterFiles,
+      processErrors = _ref.processErrors,
+      isBlockNullValues = _ref.isBlockNullValues;
+  var dropZoneId = "dropZone-".concat(fieldKey);
+  var handle = {
+    change: function () {
+      var _change = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(e) {
+        var file, validatedFile;
+        return _regenerator.default.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                setIsLoadContent === null || setIsLoadContent === void 0 ? void 0 : setIsLoadContent(true);
+                file = e.type === 'change' ? e.target.files[0] : e.dataTransfer.files[0];
+
+                if (!filterFiles) {
+                  _context.next = 8;
+                  break;
+                }
+
+                _context.next = 5;
+                return filterFiles(file);
+
+              case 5:
+                _context.t0 = _context.sent;
+                _context.next = 9;
+                break;
+
+              case 8:
+                _context.t0 = file;
+
+              case 9:
+                validatedFile = _context.t0;
+
+                if (!(processErrors && !validatedFile)) {
+                  _context.next = 13;
+                  break;
+                }
+
+                _context.next = 13;
+                return processErrors(file);
+
+              case 13:
+                if (!(!isBlockNullValues || validatedFile)) {
+                  _context.next = 19;
+                  break;
+                }
+
+                _context.t1 = onChange;
+                _context.next = 17;
+                return doLoad(validatedFile);
+
+              case 17:
+                _context.t2 = _context.sent;
+                (0, _context.t1)(_context.t2);
+
+              case 19:
+                setIsLoadContent === null || setIsLoadContent === void 0 ? void 0 : setIsLoadContent(false);
+
+              case 20:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+
+      function change(_x) {
+        return _change.apply(this, arguments);
+      }
+
+      return change;
+    }(),
+    dragover: function dragover(e) {
+      e.stopPropagation();
+      e.preventDefault();
+      return false;
+    },
+    dragenter: function dragenter(e) {
+      e.stopPropagation();
+      e.preventDefault();
+      setDragenter(true);
+      return false;
+    },
+    dragleave: function dragleave(e) {
+      e.stopPropagation();
+      e.preventDefault();
+      setDragenter(false);
+      return false;
+    },
+    drop: function drop(e) {
+      e.stopPropagation();
+      e.preventDefault();
+      setDragenter(false);
+      handle.change(e);
+      return false;
+    }
+  };
+  (0, _react.useEffect)(function () {
+    var dropbox = document.getElementById(dropZoneId);
+    dropbox === null || dropbox === void 0 ? void 0 : dropbox.addEventListener('dragenter', handle.dragenter, false);
+    dropbox === null || dropbox === void 0 ? void 0 : dropbox.addEventListener('dragover', handle.dragover, false);
+    dropbox === null || dropbox === void 0 ? void 0 : dropbox.addEventListener('dragleave', handle.dragleave, false);
+    dropbox === null || dropbox === void 0 ? void 0 : dropbox.addEventListener('drop', handle.drop, false);
+    dropbox === null || dropbox === void 0 ? void 0 : dropbox.addEventListener('dragend', handle.dragleave, false);
+    return function () {
+      dropbox === null || dropbox === void 0 ? void 0 : dropbox.removeEventListener('dragenter', handle.dragenter, false);
+      dropbox === null || dropbox === void 0 ? void 0 : dropbox.removeEventListener('dragover', handle.dragover, false);
+      dropbox === null || dropbox === void 0 ? void 0 : dropbox.removeEventListener('dragleave', handle.dragleave, false);
+      dropbox === null || dropbox === void 0 ? void 0 : dropbox.removeEventListener('drop', handle.drop, false);
+      dropbox === null || dropbox === void 0 ? void 0 : dropbox.removeEventListener('dragend', handle.dragleave, false);
+    };
+  }, [fieldKey, doLoad]);
+  return doLoad && typeof doLoad === 'function' ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)("".concat(RC, "__icon-block"))
+  }, icon), /*#__PURE__*/_react.default.createElement("label", {
+    id: dropZoneId,
+    className: (0, _classnames.default)("".concat(RC, "__input-label"), (0, _defineProperty2.default)({}, "".concat(RC, "__input-label_no-icon"), !icon)),
+    htmlFor: fieldKey
+  }, placeholder, /*#__PURE__*/_react.default.createElement("input", {
+    id: fieldKey,
+    className: (0, _classnames.default)("".concat(RC, "__input")),
+    type: "file",
+    onChange: handle.change
+  }))) : 'develop error: no doLoad';
+};
+
+var _default = LoadZone;
+exports.default = _default;

package/dist/Atomic/FormElements/FileLoader/partial/LoadedContent.js

@@ -0,0 +1,59 @@
+"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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+require("../FileLoader.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; }
+
+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 LoadedContent = function LoadedContent(props) {
+  var RC = props.RC,
+      value = props.value,
+      onDelete = props.onDelete,
+      icon = props.icon,
+      isIconAfter = props.isIconAfter,
+      deleteIcon = props.deleteIcon,
+      isUseLinkTitle = props.isUseLinkTitle;
+  var additionalProps = (0, _react.useMemo)(function () {
+    return _objectSpread(_objectSpread({}, isUseLinkTitle ? {
+      title: value.path
+    } : {}), {}, {
+      key: "LoadedContent-isNotUseLinkTitle-".concat(isUseLinkTitle)
+    });
+  }, [isUseLinkTitle]);
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("a", (0, _extends2.default)({}, additionalProps, {
+    href: value.path,
+    target: "_blank",
+    rel: "noreferrer",
+    className: (0, _classnames.default)("".concat(RC, "__value-link"), (0, _defineProperty2.default)({}, "".concat(RC, "__value-link_icon-after"), isIconAfter))
+  }), !isIconAfter && icon, /*#__PURE__*/_react.default.createElement("span", {
+    className: (0, _classnames.default)("".concat(RC, "__value-name"))
+  }, value.name), isIconAfter && icon), /*#__PURE__*/_react.default.createElement("span", {
+    className: (0, _classnames.default)("".concat(RC, "__delete-value-button")),
+    onClick: onDelete
+  }, deleteIcon || 'X'));
+};
+
+var _default = LoadedContent;
+exports.default = _default;

package/dist/Atomic/FormElements/Input/Input.scss

@@ -1,50 +1,58 @@
 .input {
   position: relative;
+
+  width: 100%;
+  padding: 0 10px;
+
   word-break: break-all;
+
   border: none;
   background: none;
-  padding: 0 10px;
-  width: 100%;
+
   &::-webkit-outer-spin-button,
   &::-webkit-inner-spin-button {
-      -webkit-appearance: none;
+    appearance: none;
   }
 
   &__wrap {
     display: flex;
     align-items: center;
-    border: 1px solid #e2e5ec;
+
     box-sizing: border-box;
-    background-color: #fff;
     height: 28px;
+
+    border: 1px solid #E2E5EC;
     border-radius: 4px;
+    background-color: #FFF;
 
     &_focus {
-      border-color: #6b81dd;
-      filter: drop-shadow(0px 0px 4px rgba(93, 120, 255, 0.5));
+      border-color: #6B81DD;
+      filter: drop-shadow(0 0 4px rgb(93 120 255 / 50%));
     }
 
     &--disabled {
-      background: #f7f8fa;
-      opacity: 0.5;
-      border-color: #a6acb1;
       pointer-events: none;
+
+      opacity: 0.5;
+      border-color: #A6ACB1;
+      background: #F7F8FA;
     }
 
     &_error {
-      border-color: #f06d8d !important;
+      border-color: #F06D8D !important;
     }
   }
 
   &_disabled {
-    background: #f7f8fa;
-    opacity: 0.5;
-    border-color: #a6acb1;
     pointer-events: none;
+
+    opacity: 0.5;
+    border-color: #A6ACB1;
+    background: #F7F8FA;
   }
 
   &_error {
-    border-color: #f06d8d;
+    border-color: #F06D8D;
   }
 
   svg {
@@ -52,49 +60,59 @@
   }
 
   &__input {
+    box-sizing: border-box;
     width: 100%;
     height: 100%;
-    box-sizing: border-box;
-    font-size: 13px;
-    font-weight: 400;
-    color: #1e1e2d;
-    border: none;
     padding: 0 5px;
+
+    color: #1E1E2D;
+    border: none;
     border-radius: 4px;
+
+    font-size: 13px;
+    font-weight: 400;
   }
 
   &__close {
     position: relative;
-    opacity: 0.6;
+
+    visibility: hidden;
+
     width: 14px;
     height: 14px;
-    background: none;
-    cursor: pointer;
     margin-right: 4px;
-    visibility: hidden;
+
+    cursor: pointer;
     pointer-events: none;
+
+    opacity: 0.6;
+    background: none;
+
     &:hover {
       opacity: 1;
     }
 
-    &:before,
-    &:after {
-      content: "";
+    &::before,
+    &::after {
       position: absolute;
       top: 0;
-      left: 0;
       right: 0;
-      margin: auto;
-      height: 14px;
+      left: 0;
+
       width: 2px;
-      background-color: #9aa0b9;
+      height: 14px;
+      margin: auto;
+
+      content: "";
+
+      background-color: #9AA0B9;
     }
 
-    &:before {
+    &::before {
       transform: rotate(45deg);
     }
 
-    &:after {
+    &::after {
       transform: rotate(-45deg);
     }
   }
@@ -102,23 +120,30 @@
   &__nums {
     display: flex;
     align-items: center;
+
     height: 100%;
   }
 
   &__num-btn {
-    cursor: pointer;
     display: flex;
     align-items: center;
     justify-content: center;
-    height: 100%;
+
     width: 24px;
-    border-left: 1px solid #e2e5ec;
+    height: 100%;
+
+    cursor: pointer;
+    user-select: none;
+
+    border-left: 1px solid #E2E5EC;
     background: none;
+
     font-size: 20px;
-    user-select: none;
+
     &.disabled {
       opacity: 0.3;
     }
+
     svg {
       margin-right: 0;
     }
@@ -135,6 +160,6 @@
 
 .input__wrap:hover .input__close {
   visibility: visible;
+
   pointer-events: all;
 }
-

package/dist/Atomic/FormElements/InputCalendar/InputCalendar.js

@@ -90,7 +90,7 @@ var InputCalendar = function InputCalendar(_ref) {
   };
 
   (0, _react.useEffect)(function () {
-    if (typeof isOpened === 'boolean' && !!!isOpened) {
+    if (typeof isOpened === 'boolean' && !isOpened) {
       handleBlur();
     }
   }, [isOpened]);

package/dist/Atomic/FormElements/InputCalendar/InputCalendar.scss

@@ -1,9 +1,11 @@
 .calendar-container {
-  min-width: 200px;
   position: relative;
 
+  min-width: 200px;
+
   &_disabled {
     pointer-events: none;
+
     opacity: 0.5;
   }
 
@@ -11,12 +13,15 @@
     position: absolute;
     z-index: 9;
     top: 100%;
+
     padding: 10px 16px;
+
     border: 1px solid var(--border-color);
 
     &_list-top {
-      bottom: calc(100% + 4px);
       top: auto;
+      bottom: calc(100% + 4px);
+
       box-shadow: 0 -3px 15px rgb(0 0 0 / 15%);
     }
   }

package/dist/Atomic/FormElements/InputColor/InputColor.js

@@ -0,0 +1,72 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+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 _classnames = _interopRequireDefault(require("classnames"));
+
+var _Input = _interopRequireDefault(require("../Input/Input"));
+
+var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
+
+require("./InputColor.scss");
+
+var _excluded = ["value", "className", "symbolsLimit", "onChange", "withHexFormat", "initialHexOfColorBlock", "testId"];
+
+var InputColor = function InputColor(_ref) {
+  var value = _ref.value,
+      className = _ref.className,
+      symbolsLimit = _ref.symbolsLimit,
+      onChange = _ref.onChange,
+      _ref$withHexFormat = _ref.withHexFormat,
+      withHexFormat = _ref$withHexFormat === void 0 ? {
+    withSharp: true,
+    isTurnOn: true
+  } : _ref$withHexFormat,
+      _ref$initialHexOfColo = _ref.initialHexOfColorBlock,
+      initialHexOfColorBlock = _ref$initialHexOfColo === void 0 ? 'transparent' : _ref$initialHexOfColo,
+      _ref$testId = _ref.testId,
+      testId = _ref$testId === void 0 ? 'inputColor' : _ref$testId,
+      args = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  // HANDLES
+  var handle = {
+    change: function change(e) {
+      var inputValue = e !== null && e !== void 0 && e.target ? e.target.value : e;
+      inputValue = (0, _fieldValueFormatters.formatToOnlyASCIICodeText)(inputValue);
+      if (withHexFormat !== null && withHexFormat !== void 0 && withHexFormat.isTurnOn) inputValue = (0, _fieldValueFormatters.formatToHex)({
+        inputValue: inputValue,
+        withSharp: withHexFormat === null || withHexFormat === void 0 ? void 0 : withHexFormat.withSharp
+      });
+      if (symbolsLimit && inputValue.length > +symbolsLimit) inputValue = inputValue.substring(0, +symbolsLimit);
+      onChange === null || onChange === void 0 ? void 0 : onChange(inputValue);
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('inputColor', className)
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _classnames.default)('inputColor__color-block'),
+    style: {
+      backgroundColor: value && value.length === 7 ? value : initialHexOfColorBlock
+    }
+  }), /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({}, args, {
+    value: value,
+    onChange: handle.change,
+    symbolsLimit: symbolsLimit || 7,
+    className: (0, _classnames.default)('input inputColor__input'),
+    type: "text",
+    testId: testId
+  })));
+};
+
+var _default = InputColor;
+exports.default = _default;

package/dist/Atomic/FormElements/InputColor/InputColor.scss

@@ -0,0 +1,18 @@
+.inputColor {
+  position: relative;
+  &__color-block {
+    position: absolute;
+    left: 5px;
+    top: 50%;
+    transform: translateY(-50%);
+    min-width: 16px;
+    max-width: 16px;
+    min-height: 16px;
+    max-height: 16px;
+    z-index: 1;
+  }
+  .input {
+    padding-left: 25px;
+  }
+
+}