intelicoreact 1.3.21 → 1.3.23

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

@@ -1,100 +1,61 @@
 "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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-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"));
-
 var _utils = require("../../../../Functions/utils");
-
 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); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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,
-      isLinkTypeDownload = props.isLinkTypeDownload;
-  var handle = {
-    download: function () {
-      var _download = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(e) {
-        var target;
-        return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) {
-            switch (_context.prev = _context.next) {
-              case 0:
-                e.stopPropagation();
-                e.preventDefault();
-                target = e.target.tagName === 'SPAN' || e.target.tagName === 'svg' ? e.target.parentNode : e.target;
-                (0, _utils.downloadFile)({
-                  url: target.href,
-                  name: value.name
-                });
-
-              case 4:
-              case "end":
-                return _context.stop();
-            }
-          }
-        }, _callee);
-      }));
-
-      function download(_x) {
-        return _download.apply(this, arguments);
-      }
-
-      return download;
-    }()
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const LoadedContent = props => {
+  const {
+    RC,
+    value,
+    onDelete,
+    icon,
+    isIconAfter,
+    deleteIcon,
+    isUseLinkTitle,
+    isLinkTypeDownload
+  } = props;
+  const handle = {
+    download: async e => {
+      e.stopPropagation();
+      e.preventDefault();
+      const target = e.target.tagName === "SPAN" || e.target.tagName === "svg" ? e.target.parentNode : e.target;
+      (0, _utils.downloadFile)({
+        url: target.href,
+        name: value.name
+      });
+    }
   };
-  var additionalProps = (0, _react.useMemo)(function () {
-    return _objectSpread(_objectSpread(_objectSpread({}, isUseLinkTitle ? {
+  const additionalProps = (0, _react.useMemo)(() => ({
+    ...(isUseLinkTitle ? {
       title: isLinkTypeDownload ? "Download ".concat(value.name) : value.path
-    } : {}), isLinkTypeDownload ? {
+    } : {}),
+    ...(isLinkTypeDownload ? {
       onClick: handle.download
     } : {
-      target: '_blank'
-    }), {}, {
-      key: "LoadedContent-isNotUseLinkTitle-".concat(isUseLinkTitle, "-isLinkTypeDownload-").concat(isLinkTypeDownload)
-    });
-  }, [isUseLinkTitle, isLinkTypeDownload]);
+      target: "_blank"
+    }),
+    key: "LoadedContent-isNotUseLinkTitle-".concat(isUseLinkTitle, "-isLinkTypeDownload-").concat(isLinkTypeDownload)
+  }), [isUseLinkTitle, isLinkTypeDownload]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("a", (0, _extends2.default)({}, additionalProps, {
     href: value.path,
     rel: "noreferrer",
-    className: (0, _classnames.default)("".concat(RC, "__value-link"), (0, _defineProperty2.default)({}, "".concat(RC, "__value-link_icon-after"), isIconAfter))
+    className: (0, _classnames.default)("".concat(RC, "__value-link"), {
+      ["".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'));
+  }, deleteIcon || "X"));
 };
-
-var _default = LoadedContent;
-exports.default = _default;
+var _default = exports.default = LoadedContent;

package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.js

@@ -1,48 +1,38 @@
 "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 _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _reactFeather = require("react-feather");
-
 var _utils = require("../../../Functions/utils");
-
 require("./FileLoaderLocal.scss");
-
-var MAX_FILE_SIZE = 10 * 1024 * 1024;
-
-var FileLoaderLocal = function FileLoaderLocal(_ref) {
-  var groupId = _ref.groupId,
-      id = _ref.id,
-      label = _ref.label,
-      error = _ref.error,
-      isRequired = _ref.isRequired,
-      accept = _ref.accept,
-      onChange = _ref.onChange,
-      className = _ref.className,
-      value = _ref.value,
-      isNoTrashIcon = _ref.isNoTrashIcon,
-      maxItemSizeBytes = _ref.maxItemSizeBytes,
-      testId = _ref.testId,
-      _ref$attributesOfNati = _ref.attributesOfNativeInput,
-      attributesOfNativeInput = _ref$attributesOfNati === void 0 ? {} : _ref$attributesOfNati;
-
-  var getFileName = function getFileName(value) {
-    var result = value.match(/[^\\]+$/);
+const MAX_FILE_SIZE = 10 * 1024 * 1024;
+const FileLoaderLocal = _ref => {
+  let {
+    groupId,
+    id,
+    label,
+    error,
+    isRequired,
+    accept,
+    onChange,
+    className,
+    value,
+    isNoTrashIcon = false,
+    maxItemSizeBytes,
+    testId,
+    attributesOfNativeInput = {}
+  } = _ref;
+  const getFileName = value => {
+    const result = value.match(/[^\\]+$/);
     return result === null || result === void 0 ? void 0 : result[0];
   };
-
-  var renderRequiredLabel = function renderRequiredLabel() {
+  const renderRequiredLabel = () => {
     if (!value) {
       if (isRequired) return /*#__PURE__*/_react.default.createElement("div", {
         className: "file-loader-local--required"
@@ -51,73 +41,66 @@ var FileLoaderLocal = function FileLoaderLocal(_ref) {
       }, "Optional");
     }
   };
-
-  var isFileSizeOutOfLimit = function isFileSizeOutOfLimit(file) {
+  const isFileSizeOutOfLimit = file => {
     var _ref2;
-
     return (_ref2 = file.size > maxItemSizeBytes) !== null && _ref2 !== void 0 ? _ref2 : MAX_FILE_SIZE;
   };
-
-  var checkExtension = function checkExtension(valueExtension) {
+  const checkExtension = valueExtension => {
     return accept.includes(valueExtension);
   };
-
-  var handle = {
-    change: function change(e) {
-      var _name$match, _e$target, _e$target$files, _e$target2, _e$target2$files;
-
-      var name = getFileName(e.target.value);
-      var valueExtension = name === null || name === void 0 ? void 0 : (_name$match = name.match(/[^\.]+$/)) === null || _name$match === void 0 ? void 0 : _name$match[0];
-      var file = (_e$target = e.target) === null || _e$target === void 0 ? void 0 : (_e$target$files = _e$target.files) === null || _e$target$files === void 0 ? void 0 : _e$target$files[0];
-
-      if (isFileSizeOutOfLimit((_e$target2 = e.target) === null || _e$target2 === void 0 ? void 0 : (_e$target2$files = _e$target2.files) === null || _e$target2$files === void 0 ? void 0 : _e$target2$files[0])) {
+  const handle = {
+    change: e => {
+      var _name$match, _e$target, _e$target2;
+      const name = getFileName(e.target.value);
+      const valueExtension = name === null || name === void 0 || (_name$match = name.match(/[^\.]+$/)) === null || _name$match === void 0 ? void 0 : _name$match[0];
+      const file = (_e$target = e.target) === null || _e$target === void 0 || (_e$target = _e$target.files) === null || _e$target === void 0 ? void 0 : _e$target[0];
+      if (isFileSizeOutOfLimit((_e$target2 = e.target) === null || _e$target2 === void 0 || (_e$target2 = _e$target2.files) === null || _e$target2 === void 0 ? void 0 : _e$target2[0])) {
         onChange({
-          id: id,
-          name: name,
-          valueExtension: valueExtension,
-          e: e,
-          file: file,
-          groupId: groupId,
+          id,
+          name,
+          valueExtension,
+          e,
+          file,
+          groupId,
           error: "Max file size is ".concat((0, _utils.renderFileSize)(maxItemSizeBytes))
         });
       } else if (!checkExtension(valueExtension)) {
         var _accept$replace;
-
-        var allowedExtensions = (accept === null || accept === void 0 ? void 0 : (_accept$replace = accept.replace(/\./g, '')) === null || _accept$replace === void 0 ? void 0 : _accept$replace.toUpperCase()) || 'JPG, PNG, PDF';
-        var uniqExts = (0, _utils.getUniqueFileExtensions)(allowedExtensions);
+        const allowedExtensions = (accept === null || accept === void 0 || (_accept$replace = accept.replace(/\./g, "")) === null || _accept$replace === void 0 ? void 0 : _accept$replace.toUpperCase()) || "JPG, PNG, PDF";
+        const uniqExts = (0, _utils.getUniqueFileExtensions)(allowedExtensions);
         onChange({
-          id: id,
-          groupId: groupId,
-          name: name,
-          valueExtension: valueExtension,
-          e: e,
-          file: file,
+          id,
+          groupId,
+          name,
+          valueExtension,
+          e,
+          file,
           error: "Only ".concat(uniqExts, " are allowed")
         });
       } else onChange({
-        id: id,
-        groupId: groupId,
-        name: name,
-        valueExtension: valueExtension,
-        e: e,
-        file: file
+        id,
+        groupId,
+        name,
+        valueExtension,
+        e,
+        file
       });
     }
   };
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-testid": "input--file-loader-local--key-".concat(testId),
-    className: (0, _classnames.default)('file-loader-local', className)
+    className: (0, _classnames.default)("file-loader-local", className)
   }, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
     onChange: handle.change,
     className: "file-loader-local__file-input",
-    id: "file-input-".concat(id).concat(groupId ? "-".concat(groupId) : ''),
+    id: "file-input-".concat(id).concat(groupId ? "-".concat(groupId) : ""),
     type: "file",
     name: "file",
     required: isRequired,
     accept: accept
   }, attributesOfNativeInput)), /*#__PURE__*/_react.default.createElement("label", {
     className: "file-loader-local__label-box",
-    htmlFor: "file-input-".concat(id).concat(groupId ? "-".concat(groupId) : '')
+    htmlFor: "file-input-".concat(id).concat(groupId ? "-".concat(groupId) : "")
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: "j4"
   }, !value && /*#__PURE__*/_react.default.createElement(_reactFeather.Download, {
@@ -125,8 +108,8 @@ var FileLoaderLocal = function FileLoaderLocal(_ref) {
   }), value && /*#__PURE__*/_react.default.createElement(_reactFeather.Paperclip, {
     className: "file-loader-local__upload-icon"
   }), /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('file-loader-local__label', {
-      'file-loader-local__label-filled': value
+    className: (0, _classnames.default)("file-loader-local__label", {
+      "file-loader-local__label-filled": value
     })
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "file-loader-local__label-text"
@@ -134,14 +117,10 @@ var FileLoaderLocal = function FileLoaderLocal(_ref) {
     className: "file-loader-local__error"
   }, error))), value && !isNoTrashIcon && /*#__PURE__*/_react.default.createElement(_reactFeather.Trash2, {
     className: "file-loader-local__trash-icon",
-    onClick: function onClick() {
-      return onChange({
-        id: id,
-        groupId: groupId
-      });
-    }
+    onClick: () => onChange({
+      id,
+      groupId
+    })
   }), renderRequiredLabel()));
 };
-
-var _default = FileLoaderLocal;
-exports.default = _default;
+var _default = exports.default = FileLoaderLocal;

package/dist/Atomic/FormElements/FileLoaderLocal/FileLoaderLocal.scss

@@ -1,66 +1,78 @@
 .file-loader-local {
+  position: relative;
+
   display: flex;
   align-items: center;
-  background-color: #FFFFFF;
-  position: relative;
+
   box-sizing: border-box;
   min-height: 50px;
+
   border-radius: 8px;
+  background-color: #ffffff;
   box-shadow: 0px 2px 8px rgb(39 73 113 / 15%);
 
   &__top-label {
     margin-bottom: 16px;
-    font-weight: 400;
+
     font-size: 14px;
+    font-weight: 400;
     line-height: 20px;
     letter-spacing: 0.2px;
     &-extension {
-      color: #757F8C;
+      color: #757f8c;
     }
   }
 
   &__file-input {
+    position: absolute;
+    z-index: -10;
+
     width: 0.1px;
     height: 0.1px;
+
     opacity: 0;
-    position: absolute;
-    z-index: -10;
   }
 
   &__label-box {
-    cursor: pointer;
     display: flex;
-    align-items: center;
-    justify-content: space-between;
     flex-wrap: nowrap;
+    justify-content: space-between;
+    align-items: center;
+
+    box-sizing: border-box;
+    width: 100%;
+    max-height: 50px;
+    padding: 15px 18px 15px 16px;
+
     font-family: Sarabun;
     font-size: 14px;
     font-weight: 400;
     line-height: 20px;
-    color: #1F7499;
-    padding: 15px 18px 15px 16px;
-    width: 100%;
-    max-height: 50px;
-    box-sizing: border-box;
+    cursor: pointer;
+
+    color: #1f7499;
   }
 
   &__upload-icon {
-    transform: rotate(180deg);
-    min-height: 16px;
-    max-height: 16px;
     min-width: 16px;
     max-width: 16px;
-    stroke-width: 1.5px;
+    min-height: 16px;
+    max-height: 16px;
     margin-right: 8px;
-    color: #A0A4B0;
+
+    color: #a0a4b0;
+
+    transform: rotate(180deg);
+    stroke-width: 1.5px;
   }
 
   &__trash-icon {
-    min-height: 16px;
-    max-height: 16px;
     min-width: 16px;
     max-width: 16px;
-    color: #F06D8D;
+    min-height: 16px;
+    max-height: 16px;
+
+    color: #f06d8d;
   }
 
   &__label {
@@ -69,27 +81,30 @@
   }
 
   &__label-text {
-    white-space: nowrap;
-    word-break: break-word;
     overflow: hidden;
-    text-overflow: ellipsis;
+
     width: 200px;
+
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    word-break: break-word;
   }
 
   &__label-filled {
-    color: #171D33;
+    color: #171d33;
   }
 
   &__error {
-    color: #F06D8D;
     font-size: 12px;
+
+    color: #f06d8d;
   }
 
   &--required {
-    color: #F06D8D;
+    color: #f06d8d;
   }
 
   &--optional {
-    color: #757F8C;
+    color: #757f8c;
   }
 }