intelicoreact 1.5.41 → 1.6.0

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

@@ -0,0 +1,182 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    FileLoaderTemplate: function() {
+        return FileLoaderTemplate;
+    },
+    default: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _uuid = require("uuid");
+const _reactfeather = require("react-feather");
+const _FileLoader = /*#__PURE__*/ _interop_require_default(require("./FileLoader"));
+const _Spinner = /*#__PURE__*/ _interop_require_default(require("../../Layout/Spinner/Spinner"));
+require("./partial/AnyOuterClass.scss");
+require("../../../../../scss/main.scss");
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(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 = {
+        __proto__: null
+    };
+    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;
+}
+global.lng = 'en';
+const _default = {
+    title: 'Form Elements/FileLoader',
+    component: _FileLoader.default
+};
+const REQUEST_TIME = 2000; //ms
+const doLoadMock = async (file)=>file ? new Promise((resolve)=>{
+        const id = (0, _uuid.v4)();
+        setTimeout(()=>resolve({
+                fileId: id,
+                filePath: 'https://google.com'
+            }), REQUEST_TIME);
+    }) : null;
+const Template = (args)=>{
+    const { isIncludeOuterStyles, isUseFilterFiles, ...restArgs } = args;
+    const [value, setValue] = (0, _react.useState)(null);
+    const [error, setError] = (0, _react.useState)('');
+    // Если ф-я блокирует входящий файл, то должна вернуть null (или любое другое значение дающее false при логическом преобразовании)
+    const filterFiles = (file)=>file.type.includes('image') && file.size <= 1024 * 1024 * 5 ? file : null;
+    const processErrors = (file)=>{
+        setError('error');
+        setTimeout(()=>setError(''), 500);
+    };
+    const doLoad = async (file)=>doLoadMock(file).then((res)=>{
+            console.log('структура сервера (мок) - ', res);
+            // трансформ ответа
+            return res ? {
+                id: res.fileId,
+                name: file.name,
+                path: res.filePath
+            } : null;
+        }).catch(()=>null);
+    const buttonStyles = {
+        marginTop: '50px',
+        marginRight: '10px',
+        border: 'solid 1px black',
+        padding: '5px'
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsx)(_FileLoader.default, {
+                ...restArgs,
+                // Обязательно для корректной работы!!!
+                fieldKey: "test",
+                value: value,
+                className: "any-outer-class__file-loader",
+                onChange: (value)=>setValue(value),
+                // опционально, если ф-я передается, то применяется
+                // ф-я может возвращать промис
+                // предусмотрена дефолтная ф-я ограничивающая размер файла до 5Мб, может быть занулена значением null
+                filterFiles: isUseFilterFiles ? filterFiles : undefined,
+                // опционально, если ф-я передается, то применяется если filterFiles отфильтровала файл.
+                // отмененный файл будет передан в качестве аргумента при вызове, ф-я может возвращать промис
+                processErrors: processErrors,
+                // ф-я обязательна, ф-я может возвращать промис. Если не передано, то компонент рендерит текст: 'develop error: no doLoad'
+                doLoad: doLoad,
+                error: error
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
+                style: buttonStyles,
+                onClick: ()=>{
+                    setValue(null);
+                    setTimeout(()=>{
+                        setValue({
+                            id: (0, _uuid.v4)(),
+                            name: 'test_init_form.jpeg',
+                            path: 'https://img1.akspic.ru/previews/9/2/2/9/6/169229/169229-fioletovyj_esteticheskoj-estetika-purpur-tsvetnoy-temno_fioletovyj-500x.jpg'
+                        });
+                    }, 500);
+                },
+                children: "Test of initialization"
+            })
+        ]
+    });
+};
+const FileLoaderTemplate = Template.bind({});
+FileLoaderTemplate.args = {
+    // подключает использование фильтрующей ф-и (ф-я будет пропускать только изображения и ограничивать размер файла до 5Мб)
+    isUseFilterFiles: false,
+    // Блокировать ли вызов верхнего онченджера, если файл был отфильтрован?
+    // При false онченджер вызывается всегда, в него передается результат фильтрующей ф-и.
+    // При true результат фильтрующей ф-и оценивается. Если он приводится к false логическим преобразованием, то онченджер не вызывается.
+    // Значение по умолчанию - false (не блокировать, т.к. по null в онченджере удобно реагировать на ошибки).
+    isBlockNullValues: false,
+    // Если в свойство error передано что-то, что при логическом преобразовании дает true, то на компонент применяется класс ${RC}_error
+    // Данное свойство отменяет или не отменяет такое поведение.
+    // Значение по умолчанию - true (отменено, т.к. обработка ошибок у нас идет через обертку).
+    isDisableErrorsClass: false,
+    // Рисовть иконку справа от основного текста в режиме загруженного файла. Значение по умолчанию - false (не рисовать с права).
+    isIconAfter: false,
+    // На ссылку велью (режим загруженного изображения) добавляет аргумент title, значение которого будет value.path
+    // Значение по умолчанию - false. (не добавлять атрибут)
+    isUseLinkTitle: false,
+    // При установке в true ссылка велью будет скачивать файл, а не открывать новую вкладку.
+    // Значение по умолчанию - false (линка открывает новую вкладку с url линки).
+    isLinkTypeDownload: false,
+    disabled: false,
+    placeholder: 'Select or drag and drop a file',
+    // Иконка для режима дропзоны. Опционально. Если не передано, то вместо иконки ничего не рендерится.
+    uploadIcon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Download, {}),
+    // Иконка для режима загруженного файла. Опционально. Если не передано, то вместо иконки ничего не рендерится.
+    downloadIcon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Download, {}),
+    // Иконка удаления загруженного значения. Опционально. Если не передано, то рендерится символ X, который работает как кнопка.
+    deleteIcon: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Trash2, {}),
+    // спинер для отображения на время отработки doLoad. Опционально. Если не передано, то не отображается.
+    // При отправке выбранного файла не зависимо от наличия спинера блокируются эвенты мыши и набрасывается opacity
+    spiner: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Spinner.default, {
+        size: "small"
+    })
+};

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

@@ -1,98 +1,145 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
 require("../FileLoader.scss");
-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 && {}.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 DEFAULT_MAX_FILE_SIZE = 1024 * 1024; //1Мб
-const FILTER_FILES_DEFAULT = file => file.size <= DEFAULT_MAX_FILE_SIZE ? file : null;
-const LoadZone = _ref => {
-  let {
-    RC,
-    fieldKey,
-    onChange,
-    doLoad,
-    setDragenter,
-    setIsLoadContent,
-    icon,
-    placeholder = "",
-    filterFiles = FILTER_FILES_DEFAULT,
-    processErrors,
-    isBlockNullValues,
-    attributesOfNativeInput = {}
-  } = _ref;
-  const dropZoneId = `dropZone-${fieldKey}`;
-  const handle = {
-    change: async e => {
-      setIsLoadContent?.(true);
-      const file = e.type === "change" ? e.target.files[0] : e.dataTransfer.files[0];
-      const validatedFile = filterFiles ? await filterFiles(file) : file;
-      if (processErrors && !validatedFile) await processErrors(file);
-      if (!isBlockNullValues || validatedFile) {
-        onChange(await doLoad(validatedFile).catch(() => null));
-      }
-      setIsLoadContent?.(false);
-    },
-    dragover: e => {
-      e.stopPropagation();
-      e.preventDefault();
-      return false;
-    },
-    dragenter: e => {
-      e.stopPropagation();
-      e.preventDefault();
-      setDragenter(true);
-      return false;
-    },
-    dragleave: e => {
-      e.stopPropagation();
-      e.preventDefault();
-      setDragenter(false);
-      return false;
-    },
-    drop: e => {
-      e.stopPropagation();
-      e.preventDefault();
-      setDragenter(false);
-      handle.change(e);
-      return false;
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
     }
-  };
-  (0, _react.useEffect)(() => {
-    const dropbox = document.getElementById(dropZoneId);
-    dropbox?.addEventListener("dragenter", handle.dragenter, false);
-    dropbox?.addEventListener("dragover", handle.dragover, false);
-    dropbox?.addEventListener("dragleave", handle.dragleave, false);
-    dropbox?.addEventListener("drop", handle.drop, false);
-    dropbox?.addEventListener("dragend", handle.dragleave, false);
-    return () => {
-      dropbox?.removeEventListener("dragenter", handle.dragenter, false);
-      dropbox?.removeEventListener("dragover", handle.dragover, false);
-      dropbox?.removeEventListener("dragleave", handle.dragleave, false);
-      dropbox?.removeEventListener("drop", handle.drop, false);
-      dropbox?.removeEventListener("dragend", handle.dragleave, false);
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    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;
+}
+const DEFAULT_MAX_FILE_SIZE = 1024 * 1024; //1Мб
+const FILTER_FILES_DEFAULT = (file)=>file.size <= DEFAULT_MAX_FILE_SIZE ? file : null;
+const LoadZone = ({ RC, fieldKey, onChange, doLoad, setDragenter, setIsLoadContent, icon, placeholder = "", filterFiles = FILTER_FILES_DEFAULT, processErrors, isBlockNullValues, attributesOfNativeInput = {} })=>{
+    const dropZoneId = `dropZone-${fieldKey}`;
+    const handle = {
+        change: async (e)=>{
+            setIsLoadContent === null || setIsLoadContent === void 0 ? void 0 : setIsLoadContent(true);
+            const file = e.type === "change" ? e.target.files[0] : e.dataTransfer.files[0];
+            const validatedFile = filterFiles ? await filterFiles(file) : file;
+            if (processErrors && !validatedFile) await processErrors(file);
+            if (!isBlockNullValues || validatedFile) {
+                onChange(await doLoad(validatedFile).catch(()=>null));
+            }
+            setIsLoadContent === null || setIsLoadContent === void 0 ? void 0 : setIsLoadContent(false);
+        },
+        dragover: (e)=>{
+            e.stopPropagation();
+            e.preventDefault();
+            return false;
+        },
+        dragenter: (e)=>{
+            e.stopPropagation();
+            e.preventDefault();
+            setDragenter(true);
+            return false;
+        },
+        dragleave: (e)=>{
+            e.stopPropagation();
+            e.preventDefault();
+            setDragenter(false);
+            return false;
+        },
+        drop: (e)=>{
+            e.stopPropagation();
+            e.preventDefault();
+            setDragenter(false);
+            handle.change(e);
+            return false;
+        }
     };
-  }, [fieldKey, doLoad]);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(`${RC}__icon-block`)
-  }, icon), /*#__PURE__*/_react.default.createElement("label", {
-    id: dropZoneId,
-    className: (0, _classnames.default)(`${RC}__input-label`, {
-      [`${RC}__input-label_no-icon`]: !icon
-    }),
-    htmlFor: fieldKey
-  }, placeholder, /*#__PURE__*/_react.default.createElement("input", (0, _extends2.default)({
-    id: fieldKey,
-    className: (0, _classnames.default)(`${RC}__input`),
-    type: "file",
-    onChange: handle.change
-  }, attributesOfNativeInput))));
+    (0, _react.useEffect)(()=>{
+        const 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 ()=>{
+            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 /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            icon && /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                className: (0, _classnames.default)(`${RC}__icon-block`),
+                children: icon
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("label", {
+                id: dropZoneId,
+                className: (0, _classnames.default)(`${RC}__input-label`, {
+                    [`${RC}__input-label_no-icon`]: !icon
+                }),
+                htmlFor: fieldKey,
+                children: [
+                    placeholder,
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
+                        id: fieldKey,
+                        className: (0, _classnames.default)(`${RC}__input`),
+                        type: "file",
+                        onChange: handle.change,
+                        ...attributesOfNativeInput
+                    })
+                ]
+            })
+        ]
+    });
 };
-var _default = exports.default = LoadZone;
+const _default = LoadZone;

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

@@ -1,61 +1,115 @@
 "use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.default = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _utils = require("../../../../Functions/utils");
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return _default;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _utils = require("../../../../Functions/utils");
 require("../FileLoader.scss");
-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 && {}.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
-      });
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(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 = {
+        __proto__: null
+    };
+    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);
     }
-  };
-  const additionalProps = (0, _react.useMemo)(() => ({
-    ...(isUseLinkTitle ? {
-      title: isLinkTypeDownload ? `Download ${value.name}` : value.path
-    } : {}),
-    ...(isLinkTypeDownload ? {
-      onClick: handle.download
-    } : {
-      target: "_blank"
-    }),
-    key: `LoadedContent-isNotUseLinkTitle-${isUseLinkTitle}-isLinkTypeDownload-${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)(`${RC}__value-link`, {
-      [`${RC}__value-link_icon-after`]: isIconAfter
-    })
-  }), !isIconAfter && icon, /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(`${RC}__value-name`)
-  }, value.name), isIconAfter && icon), /*#__PURE__*/_react.default.createElement("span", {
-    className: (0, _classnames.default)(`${RC}__delete-value-button`),
-    onClick: onDelete
-  }, deleteIcon || "X"));
+    return newObj;
+}
+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
+            });
+        }
+    };
+    const additionalProps = (0, _react.useMemo)(()=>({
+            ...isUseLinkTitle ? {
+                title: isLinkTypeDownload ? `Download ${value.name}` : value.path
+            } : {},
+            ...isLinkTypeDownload ? {
+                onClick: handle.download
+            } : {
+                target: "_blank"
+            },
+            key: `LoadedContent-isNotUseLinkTitle-${isUseLinkTitle}-isLinkTypeDownload-${isLinkTypeDownload}`
+        }), [
+        isUseLinkTitle,
+        isLinkTypeDownload
+    ]);
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, _jsxruntime.jsxs)("a", {
+                ...additionalProps,
+                href: value.path,
+                rel: "noreferrer",
+                className: (0, _classnames.default)(`${RC}__value-link`, {
+                    [`${RC}__value-link_icon-after`]: isIconAfter
+                }),
+                children: [
+                    !isIconAfter && icon,
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                        className: (0, _classnames.default)(`${RC}__value-name`),
+                        children: value.name
+                    }),
+                    isIconAfter && icon
+                ]
+            }),
+            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                className: (0, _classnames.default)(`${RC}__delete-value-button`),
+                onClick: onDelete,
+                children: deleteIcon || "X"
+            })
+        ]
+    });
 };
-var _default = exports.default = LoadedContent;
+const _default = LoadedContent;