@scaleflex/widget-explorer 0.0.1

package/lib/components/BulkEditPanel/components/AssetsList/Columns/MetadataColumn.js

@@ -0,0 +1,142 @@
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { useMemo, useState } from 'react';
+import { useDebounce } from '@scaleflex/widget-common/lib/hooks';
+import { useExplorer } from '../../../../../hooks';
+import StyledAssetsList from '../AssetsList.styled';
+import { adaptFieldNewValue, adaptFieldOldValue, checkHasValue } from './columns.utils';
+import Styled from './Columns.styled';
+import FileMetadataField from './FileMetadataField';
+import { OPERATIONS, TEXT_FIELDS_TYPES } from '../../Tabs/tabs.constants';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var MetadataColumn = function MetadataColumn(_ref) {
+  var _file$meta;
+  var _ref$activeSidebarIte = _ref.activeSidebarItem,
+    activeSidebarItem = _ref$activeSidebarIte === void 0 ? {} : _ref$activeSidebarIte,
+    _ref$file = _ref.file,
+    file = _ref$file === void 0 ? {} : _ref$file,
+    isOnUpload = _ref.isOnUpload,
+    _ref$changedMetadataF = _ref.changedMetadataFields,
+    changedMetadataFields = _ref$changedMetadataF === void 0 ? [] : _ref$changedMetadataF,
+    _ref$tabSelectedAsset = _ref.tabSelectedAssets,
+    tabSelectedAssets = _ref$tabSelectedAsset === void 0 ? [] : _ref$tabSelectedAsset,
+    activeMetadataValue = _ref.activeMetadataValue,
+    fileCustomMetadataGroups = _ref.fileCustomMetadataGroups,
+    metadataEmptyAssetsValues = _ref.metadataEmptyAssetsValues,
+    fetchedFiles = _ref.fetchedFiles,
+    setFetchedFiles = _ref.setFetchedFiles;
+  var _useExplorer = useExplorer(),
+    i18n = _useExplorer.i18n;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isEditMode = _useState2[0],
+    setIsEditMode = _useState2[1];
+  var currentFetchedFile = useMemo(function () {
+    return fetchedFiles.find(function (_ref2) {
+      var uuid = _ref2.uuid;
+      return uuid === file.uuid;
+    });
+  }, [fetchedFiles, file]);
+  var fileMetadata = (_file$meta = file.meta) === null || _file$meta === void 0 ? void 0 : _file$meta[activeSidebarItem.key];
+  var changedMetadataField = changedMetadataFields.find(function (_ref3) {
+    var uuid = _ref3.uuid;
+    return uuid === activeSidebarItem.uuid;
+  }) || {};
+  var isSelectedAsset = tabSelectedAssets.includes(file.uuid);
+  var operator = changedMetadataField === null || changedMetadataField === void 0 ? void 0 : changedMetadataField.operator;
+  var isDeleteOperator = operator === OPERATIONS.DELETE;
+  var adaptedOldFieldValue = adaptFieldOldValue({
+    value: fileMetadata,
+    activeSidebarItem: activeSidebarItem,
+    activeLanguage: activeMetadataValue
+  });
+  var adaptedNewFieldValue = useMemo(function () {
+    return adaptFieldNewValue({
+      oldValue: fileMetadata,
+      value: changedMetadataField.value,
+      activeSidebarItem: activeSidebarItem,
+      activeLanguage: activeMetadataValue,
+      operator: operator
+    });
+  }, [fileMetadata, changedMetadataField.value, activeSidebarItem, activeMetadataValue, operator]);
+  var debouncedAdaptedNewFieldValue = useDebounce(adaptedNewFieldValue, 250);
+  var isTextField = TEXT_FIELDS_TYPES.includes(changedMetadataField.type);
+  var value = isTextField ? debouncedAdaptedNewFieldValue : adaptedNewFieldValue;
+  var hasPrevValue = checkHasValue({
+    value: adaptedOldFieldValue,
+    type: activeSidebarItem.type,
+    activeLanguage: activeMetadataValue
+  });
+  var hasNewValue = checkHasValue({
+    value: adaptedNewFieldValue,
+    type: activeSidebarItem.type,
+    activeLanguage: activeMetadataValue
+  });
+  var hasDeleteValue = hasNewValue && isDeleteOperator;
+  var isEmpty = !hasPrevValue && !hasNewValue && !hasDeleteValue || !isSelectedAsset && !hasPrevValue;
+  var renderChips = function renderChips(value, isAdded) {
+    var TagElement = isAdded ? Styled.AddedTag : Styled.ExistTag;
+    var replace = operator === OPERATIONS.SET;
+    if (Array.isArray(value)) {
+      return value.map(function (adaptedFieldValue, index) {
+        return /*#__PURE__*/_jsx(TagElement, {
+          title: adaptedFieldValue,
+          hasNewValue: hasNewValue || hasDeleteValue,
+          replace: replace,
+          remove: isDeleteOperator && (adaptedNewFieldValue || []).includes(adaptedFieldValue),
+          children: adaptedFieldValue
+        }, "".concat(adaptedFieldValue).concat(index));
+      });
+    }
+    if (value !== null && value !== void 0 && value.translatable) {
+      return /*#__PURE__*/_jsx(TagElement, {
+        title: i18n(value.label18nKey),
+        hasNewValue: hasNewValue,
+        children: i18n(value.label18nKey)
+      });
+    }
+    return /*#__PURE__*/_jsx(TagElement, {
+      title: value,
+      hasNewValue: hasNewValue,
+      replace: replace,
+      children: value
+    });
+  };
+  if (!hasNewValue && !hasDeleteValue) {
+    var oldTags = renderChips(adaptedOldFieldValue);
+    return /*#__PURE__*/_jsx(StyledAssetsList.TableCell, {
+      children: /*#__PURE__*/_jsx(Styled.ExtraTagsWrapper, {
+        $isOpen: isEditMode,
+        children: /*#__PURE__*/_jsx(FileMetadataField, {
+          file: file,
+          hasPrevValue: hasPrevValue,
+          currentFetchedFile: currentFetchedFile,
+          isOnUpload: isOnUpload,
+          fileMetadata: fileMetadata,
+          fileCustomMetadataGroups: fileCustomMetadataGroups,
+          activeSidebarItem: activeSidebarItem,
+          activeMetadataValue: activeMetadataValue,
+          changedMetadataField: changedMetadataField,
+          metadataEmptyAssetsValues: metadataEmptyAssetsValues,
+          fetchedFiles: fetchedFiles,
+          setFetchedFiles: setFetchedFiles,
+          oldTags: oldTags,
+          isEditMode: isEditMode,
+          setIsEditMode: setIsEditMode
+        }, activeSidebarItem === null || activeSidebarItem === void 0 ? void 0 : activeSidebarItem.key)
+      })
+    });
+  }
+  return /*#__PURE__*/_jsx(StyledAssetsList.TableCell, {
+    children: /*#__PURE__*/_jsxs(Styled.TagsWrapper, {
+      children: [hasPrevValue && renderChips(adaptedOldFieldValue), !isDeleteOperator && hasNewValue && isSelectedAsset && renderChips(value, true), isEmpty && /*#__PURE__*/_jsx(Styled.EmptyValuePlaceholder, {
+        children: "-"
+      })]
+    })
+  });
+};
+export default MetadataColumn;

package/lib/components/BulkEditPanel/components/AssetsList/Columns/TableRow.js

@@ -0,0 +1,139 @@
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { useState, useEffect } from 'react';
+import AssetPreview from '@scaleflex/widget-common/lib/AssetPreview';
+import { LAYOUTS_IDS } from '@scaleflex/widget-utils/lib/constants';
+import _getItemIcon from '@scaleflex/widget-utils/lib/getItemIcon';
+import { useCore } from '@scaleflex/widget-core/lib/hooks';
+import { EllipsedText } from '@scaleflex/ui/core';
+import { useExplorer } from '../../../../../hooks';
+import FileInfo from '../../../../FileItem/FileInfo';
+import { PREIVEW_MODAL_STATUS } from '../AssetsList.constants';
+import FloatyPreview from '../FloatyPreview';
+import Styled from '../AssetsList.styled';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var TableRow = function TableRow(_ref) {
+  var file = _ref.file,
+    tabSelectedAssets = _ref.tabSelectedAssets,
+    handleSelectAsset = _ref.handleSelectAsset,
+    ActiveColumnElement = _ref.ActiveColumnElement,
+    activeSidebarItem = _ref.activeSidebarItem,
+    metadataEmptyAssetsValues = _ref.metadataEmptyAssetsValues,
+    changedMetadataFields = _ref.changedMetadataFields,
+    noImgTransformations = _ref.noImgTransformations,
+    tagsDetails = _ref.tagsDetails,
+    isOnUpload = _ref.isOnUpload,
+    activeMetadataValue = _ref.activeMetadataValue,
+    fileCustomMetadataGroups = _ref.fileCustomMetadataGroups,
+    fetchedFiles = _ref.fetchedFiles,
+    setFetchedFiles = _ref.setFetchedFiles,
+    textFieldsDetails = _ref.textFieldsDetails,
+    setTextFieldsDetails = _ref.setTextFieldsDetails;
+  var _useExplorer = useExplorer(),
+    isDevEnv = _useExplorer.isDevEnv,
+    handleRequestThumbnail = _useExplorer.handleRequestThumbnail,
+    handleCancelThumbnail = _useExplorer.handleCancelThumbnail;
+  var _useCore = useCore(),
+    container = _useCore.opts.container;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    previewAnchorEl = _useState2[0],
+    setPreviewAnchorEl = _useState2[1];
+  var _useState3 = useState(PREIVEW_MODAL_STATUS.CLOSE),
+    _useState4 = _slicedToArray(_useState3, 2),
+    previewStatus = _useState4[0],
+    setPreviewStatus = _useState4[1];
+  var handlePreviewMouseEnter = function handlePreviewMouseEnter(_ref2) {
+    var target = _ref2.target;
+    setPreviewAnchorEl(target);
+    setPreviewStatus(PREIVEW_MODAL_STATUS.OPEN);
+  };
+  var handlePreviewMouseLeave = function handlePreviewMouseLeave() {
+    setTimeout(function () {
+      setPreviewStatus(function (prevState) {
+        if (prevState !== PREIVEW_MODAL_STATUS.KEEP) {
+          return PREIVEW_MODAL_STATUS.CLOSE;
+        }
+        return prevState;
+      });
+    }, 50);
+  };
+  useEffect(function () {
+    if (!(file !== null && file !== void 0 && file.preview)) {
+      handleRequestThumbnail(file);
+    }
+    return function () {
+      if (!(file !== null && file !== void 0 && file.preview)) {
+        handleCancelThumbnail(file);
+      }
+    };
+  }, []);
+  return /*#__PURE__*/_jsxs(Styled.TableRow, {
+    children: [/*#__PURE__*/_jsx(Styled.TableCell, {
+      children: /*#__PURE__*/_jsxs(Styled.ActionCellWrapper, {
+        children: [/*#__PURE__*/_jsx(Styled.Checkbox, {
+          checked: tabSelectedAssets.includes(file.uuid),
+          onChange: function onChange(e) {
+            return handleSelectAsset(e, file);
+          }
+        }), /*#__PURE__*/_jsx(AssetPreview, {
+          file: file,
+          isDevEnv: isDevEnv,
+          lazyloading: true,
+          noImgTransformations: noImgTransformations || isOnUpload,
+          getItemIcon: function getItemIcon() {
+            return _getItemIcon({
+              fileOrFolder: file,
+              viewLayout: LAYOUTS_IDS.LIST
+            });
+          },
+          viewLayout: LAYOUTS_IDS.LIST,
+          onMouseEnter: handlePreviewMouseEnter,
+          onMouseLeave: handlePreviewMouseLeave,
+          container: container,
+          containerHeight: "100%",
+          isSmallSizePreview: true
+        }), /*#__PURE__*/_jsx(FloatyPreview, {
+          noImgTransformations: isOnUpload,
+          previewAnchorEl: previewAnchorEl,
+          file: file,
+          previewStatus: previewStatus,
+          setPreviewStatus: setPreviewStatus,
+          container: container
+        }), /*#__PURE__*/_jsx(Styled.FileName, {
+          children: /*#__PURE__*/_jsx(EllipsedText, {
+            maxLinesCount: 1,
+            children: file.name
+          })
+        })]
+      })
+    }), /*#__PURE__*/_jsx(Styled.TableCell, {
+      children: /*#__PURE__*/_jsx(Styled.FileInfoWrapper, {
+        children: /*#__PURE__*/_jsx(FileInfo, {
+          file: file,
+          hideFileName: true,
+          isListView: true
+        })
+      })
+    }), ActiveColumnElement && /*#__PURE__*/_jsx(ActiveColumnElement, {
+      file: file,
+      tagsDetails: tagsDetails,
+      activeSidebarItem: activeSidebarItem,
+      changedMetadataFields: changedMetadataFields,
+      tabSelectedAssets: tabSelectedAssets,
+      activeMetadataValue: activeMetadataValue,
+      isOnUpload: isOnUpload,
+      fileCustomMetadataGroups: fileCustomMetadataGroups,
+      metadataEmptyAssetsValues: metadataEmptyAssetsValues,
+      fetchedFiles: fetchedFiles,
+      textFieldsDetails: textFieldsDetails,
+      setFetchedFiles: setFetchedFiles,
+      setTextFieldsDetails: setTextFieldsDetails
+    })]
+  });
+};
+export default TableRow;

package/lib/components/BulkEditPanel/components/AssetsList/Columns/TagsColumn.js

@@ -0,0 +1,58 @@
+import { useMemo } from 'react';
+import { useSelector } from 'react-redux';
+import { selectActiveRegionalLang } from '../../../../../slices/metadata.slice';
+import { ACTIONS } from '../../Tabs/tabs.constants';
+import StyledAssetsList from '../AssetsList.styled';
+import Styled from './Columns.styled';
+import { getAddedTags, getFileTagsWithRemovedLabel } from './columns.utils';
+import FileTagField from './FileTagField';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var TagsColumn = function TagsColumn(_ref) {
+  var _file$tags;
+  var file = _ref.file,
+    tagsDetails = _ref.tagsDetails,
+    tabSelectedAssets = _ref.tabSelectedAssets,
+    isOnUpload = _ref.isOnUpload;
+  var addedTags = tagsDetails.addedTags,
+    removedTags = tagsDetails.removedTags,
+    action = tagsDetails.action;
+  var isAdding = action === ACTIONS.ADD;
+  var currentLanguage = useSelector(selectActiveRegionalLang);
+  var fileTags = ((_file$tags = file.tags) === null || _file$tags === void 0 ? void 0 : _file$tags[currentLanguage]) || [];
+  var fileTagsWithRemovedLabel = useMemo(function () {
+    return getFileTagsWithRemovedLabel(fileTags, removedTags);
+  }, [fileTags, removedTags]);
+  var adaptedAddedTags = useMemo(function () {
+    return getAddedTags(addedTags, fileTags);
+  }, [fileTags, addedTags]);
+  var isSelectedAsset = tabSelectedAssets.includes(file.uuid);
+  var hasPrevValue = !!(fileTagsWithRemovedLabel !== null && fileTagsWithRemovedLabel !== void 0 && fileTagsWithRemovedLabel.length);
+  var hasAddedTags = !!(adaptedAddedTags !== null && adaptedAddedTags !== void 0 && adaptedAddedTags.length);
+  var isEmpty = !hasPrevValue && !hasAddedTags || !isSelectedAsset && !hasPrevValue;
+  var renderTags = function renderTags(tags, isAdded) {
+    return tags.map(function (tag) {
+      var TagElement = Styled.ExistTagChip;
+      if (isAdded && isSelectedAsset) TagElement = Styled.AddedTagChip;
+      if (tag.isRemoved && isSelectedAsset) TagElement = Styled.RemovedTagChip;
+      return /*#__PURE__*/_jsx(TagElement, {
+        title: tag.label,
+        children: tag.label
+      }, tag.sid);
+    });
+  };
+  if (isAdding && !addedTags.length || !isAdding && !removedTags.length) {
+    return /*#__PURE__*/_jsx(FileTagField, {
+      isAddingTags: isAdding,
+      file: file,
+      isOnUpload: isOnUpload
+    });
+  }
+  return /*#__PURE__*/_jsx(StyledAssetsList.TableCell, {
+    children: /*#__PURE__*/_jsxs(Styled.TagsWrapper, {
+      children: [hasPrevValue && renderTags(fileTagsWithRemovedLabel), hasAddedTags && isSelectedAsset && renderTags(adaptedAddedTags, true), isEmpty && /*#__PURE__*/_jsx(Styled.EmptyValuePlaceholder, {
+        children: "-"
+      })]
+    })
+  });
+};
+export default TagsColumn;

package/lib/components/BulkEditPanel/components/AssetsList/Columns/TagsField.js

@@ -0,0 +1,80 @@
+import { useExplorerI18n } from '../../../../../hooks';
+import StyledTags from '../../Tabs/Tags/Tags.styled';
+import TagsPaper from '../../Tabs/Tags/TagsPaper';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var TagsField = function TagsField(_ref) {
+  var label = _ref.label,
+    isAdding = _ref.isAdding,
+    tagsValue = _ref.tagsValue,
+    handleAddTag = _ref.handleAddTag,
+    isTagsPaperOpen = _ref.isTagsPaperOpen,
+    setIsTagsPaperOpen = _ref.setIsTagsPaperOpen,
+    defaultTagStyle = _ref.defaultTagStyle,
+    debouncedSearchValue = _ref.debouncedSearchValue,
+    handleRemoveTag = _ref.handleRemoveTag,
+    handleClearTags = _ref.handleClearTags,
+    allTags = _ref.allTags,
+    suggestedTags = _ref.suggestedTags,
+    searchTerm = _ref.searchTerm,
+    setSearchTerm = _ref.setSearchTerm,
+    tagsInputRef = _ref.tagsInputRef,
+    clickOutSideHandler = _ref.clickOutSideHandler,
+    fieldId = _ref.fieldId,
+    disabled = _ref.disabled,
+    loading = _ref.loading,
+    addedOrRemovedLength = _ref.addedOrRemovedLength;
+  var i18n = useExplorerI18n();
+  return /*#__PURE__*/_jsxs(StyledTags.ValueSelect, {
+    children: [/*#__PURE__*/_jsx(StyledTags.Label, {
+      children: label
+    }), /*#__PURE__*/_jsx(StyledTags.TagsField, {
+      defaultTagStyle: defaultTagStyle,
+      preventSubmitOnBlur: true,
+      addTags: isAdding,
+      tags: tagsValue,
+      ref: tagsInputRef,
+      $isLoading: loading,
+      onFocus: function onFocus() {
+        return setIsTagsPaperOpen(true);
+      },
+      onAdd: handleAddTag,
+      onRemove: handleRemoveTag,
+      "data-field-id": fieldId,
+      disabled: disabled,
+      onClear: handleClearTags || function () {
+        return null;
+      },
+      $addedOrRemovedLength: addedOrRemovedLength,
+      onChange: function onChange(_ref2) {
+        var value = _ref2.target.value;
+        return setSearchTerm(value);
+      },
+      getTagLabel: function getTagLabel() {
+        var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+          label = _ref3.label;
+        return label;
+      },
+      getTagValue: function getTagValue(tag) {
+        return (tag === null || tag === void 0 ? void 0 : tag.label) || tag;
+      },
+      placeholder: i18n('bulkEditModalTagsFieldPlaceholder'),
+      clearTagsButtonLabel: i18n('bulkEditModalTagsFieldClearAllButton'),
+      appliedValue: searchTerm,
+      fullWidth: true,
+      hideCopyIcon: true,
+      placeholderAlwaysVisible: true,
+      hideClearButton: !handleClearTags || tagsValue.length < 2
+    }), /*#__PURE__*/_jsx(TagsPaper, {
+      isTagsPaperOpen: isTagsPaperOpen && !disabled,
+      tagsValue: tagsValue,
+      tagsInputRef: tagsInputRef,
+      allTags: allTags,
+      clickOutSideHandler: clickOutSideHandler,
+      suggestedTags: suggestedTags,
+      handleAddTag: handleAddTag,
+      setIsTagsPaperOpen: setIsTagsPaperOpen,
+      debouncedSearchValue: debouncedSearchValue
+    })]
+  });
+};
+export default TagsField;

package/lib/components/BulkEditPanel/components/AssetsList/Columns/TextColumn.js

@@ -0,0 +1,53 @@
+import { useSelector } from 'react-redux';
+import { useDebounce } from '@scaleflex/widget-common/lib/hooks';
+import FileTextField from './FileTextField';
+import Styled from './Columns.styled';
+import StyledAssetsList from '../AssetsList.styled';
+import { selectMetadataRegionalFilters, selectMetadataRootFieldRegionalGroupUuidByKey } from '../../../../../slices/metadata.slice';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var TextColumn = function TextColumn(_ref) {
+  var _file$meta$activeSide, _textFieldsDetails$ac;
+  var file = _ref.file,
+    textFieldsDetails = _ref.textFieldsDetails,
+    activeSidebarItem = _ref.activeSidebarItem,
+    tabSelectedAssets = _ref.tabSelectedAssets,
+    isOnUpload = _ref.isOnUpload;
+  var metaRegionalFilters = useSelector(selectMetadataRegionalFilters);
+  var languageRegionalFilterUuid = useSelector(function (state) {
+    return selectMetadataRootFieldRegionalGroupUuidByKey(state, activeSidebarItem.key);
+  });
+  var currentLanguage = metaRegionalFilters[languageRegionalFilterUuid];
+  var activeSidebarKey = activeSidebarItem.key;
+  var oldValue = currentLanguage ? (_file$meta$activeSide = file.meta[activeSidebarKey]) === null || _file$meta$activeSide === void 0 ? void 0 : _file$meta$activeSide[currentLanguage] : file.meta[activeSidebarKey];
+  var newValue = currentLanguage ? (_textFieldsDetails$ac = textFieldsDetails[activeSidebarKey].value) === null || _textFieldsDetails$ac === void 0 ? void 0 : _textFieldsDetails$ac[currentLanguage] : textFieldsDetails[activeSidebarKey].value;
+  var debouncedNewValue = useDebounce(newValue, 250);
+  var isSelectedAsset = tabSelectedAssets.includes(file.uuid);
+  var hasNewValue = !!debouncedNewValue;
+  var hasOldValue = !!oldValue;
+  var isValueChanged = oldValue !== newValue;
+  var showChanges = isValueChanged && isSelectedAsset;
+  if (!hasNewValue) {
+    return /*#__PURE__*/_jsx(FileTextField, {
+      file: file,
+      currentLanguage: currentLanguage,
+      textValue: oldValue,
+      activeSidebarKey: activeSidebarKey,
+      isOnUpload: isOnUpload
+    });
+  }
+  var renderValue = function renderValue(value, isAdded) {
+    if (!value) return null;
+    var TagElement = isAdded ? Styled.AddedTag : Styled.ExistTag;
+    return /*#__PURE__*/_jsx(TagElement, {
+      title: value,
+      hasNewValue: hasNewValue,
+      children: value
+    });
+  };
+  return /*#__PURE__*/_jsx(StyledAssetsList.TableCell, {
+    children: /*#__PURE__*/_jsxs(Styled.TagsWrapper, {
+      children: [hasOldValue && showChanges && renderValue(oldValue), hasNewValue && showChanges && renderValue(debouncedNewValue, true), hasOldValue && !showChanges && oldValue]
+    })
+  });
+};
+export default TextColumn;