@scaleflex/widget-explorer 4.3.0 → 4.4.0

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

@@ -1,142 +0,0 @@
-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

@@ -1,139 +0,0 @@
-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

@@ -1,58 +0,0 @@
-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

@@ -1,80 +0,0 @@
-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

@@ -1,53 +0,0 @@
-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;