@scaleflex/widget-explorer 4.8.4 → 4.8.6

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;

package/lib/components/BulkEditPanel/components/AssetsList/Columns/columns.utils.js

@@ -1,272 +0,0 @@
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread 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 _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
-function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
-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 _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-import { ARRAY_FIELDS, BOOLEAN_FIELDS, OPERATIONS, STRING_FIELDS } from '../../Tabs/tabs.constants';
-import { generateTabI18nKey } from '../../Tabs/tabs.utils';
-var getBooleanFieldValue = function getBooleanFieldValue(fieldValue) {
-  var _ref;
-  return (_ref = _typeof(fieldValue) === 'object' && fieldValue !== null ? fieldValue.actualValue : fieldValue) !== null && _ref !== void 0 ? _ref : null;
-};
-var adaptFieldValue = function adaptFieldValue() {
-  var changedMetadataField = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var oldValues = arguments.length > 1 ? arguments[1] : undefined;
-  var value = changedMetadataField.value,
-    type = changedMetadataField.type;
-  var possibleValues = changedMetadataField.possible_values,
-    activeMetadataValue = changedMetadataField.activeMetadataValue;
-  var hasProperty = !!(activeMetadataValue && value && Object.prototype.hasOwnProperty.call(value, activeMetadataValue));
-  if (hasProperty) {
-    value = value[activeMetadataValue];
-  }
-  if (Array.isArray(possibleValues) && possibleValues.length > 0) {
-    if (Array.isArray(value)) {
-      var nextValues = _toConsumableArray(value);
-      if (Array.isArray(oldValues)) {
-        nextValues = nextValues.filter(function (nextValue) {
-          return !oldValues.includes(nextValue);
-        });
-      }
-      return nextValues.map(function (fieldValue) {
-        var _possibleValues$find;
-        return (_possibleValues$find = possibleValues.find(function (possibleValue) {
-          return possibleValue.internal_unique_value === fieldValue;
-        })) === null || _possibleValues$find === void 0 ? void 0 : _possibleValues$find.label;
-      });
-    }
-    if (value) {
-      var _possibleValues$find2;
-      return (_possibleValues$find2 = possibleValues.find(function (fieldValue) {
-        return fieldValue.internal_unique_value === value;
-      })) === null || _possibleValues$find2 === void 0 ? void 0 : _possibleValues$find2.label;
-    }
-  }
-  if (type === 'boolean') {
-    if (value === oldValues) {
-      return '';
-    }
-    return {
-      translatable: true,
-      actualValue: value,
-      label18nKey: value ? generateTabI18nKey('trueLabel') : generateTabI18nKey('falseLabel')
-    };
-  }
-  if (!hasProperty && activeMetadataValue && _typeof(value) === 'object' || value === oldValues) {
-    return '';
-  }
-  return value;
-};
-var adaptFieldOldValue = function adaptFieldOldValue(_ref2) {
-  var value = _ref2.value,
-    activeSidebarItem = _ref2.activeSidebarItem,
-    activeLanguage = _ref2.activeLanguage;
-  var type = activeSidebarItem.type,
-    possibleValues = activeSidebarItem.possible_values;
-  var isPossibleValuesExist = possibleValues && Array.isArray(possibleValues);
-  var findPossibleValueFn = function findPossibleValueFn(possibleValue, searchValue) {
-    return possibleValue.internal_unique_value === searchValue;
-  };
-  switch (type) {
-    case 'tags':
-      {
-        if (activeLanguage && value && _typeof(value) === 'object') {
-          return value[activeLanguage];
-        }
-        return value;
-      }
-    case 'numeric':
-    case 'date':
-    case 'textarea':
-    case 'attachment-uri':
-    case 'text':
-      {
-        if (activeLanguage && value && _typeof(value) === 'object') {
-          return value[activeLanguage];
-        }
-        return value;
-      }
-    case 'multi-select':
-      {
-        if (isPossibleValuesExist && Array.isArray(value)) {
-          return value.map(function (fieldValue) {
-            var _possibleValues$find3;
-            return (_possibleValues$find3 = possibleValues.find(function (possibleValue) {
-              return findPossibleValueFn(possibleValue, fieldValue);
-            })) === null || _possibleValues$find3 === void 0 ? void 0 : _possibleValues$find3.label;
-          });
-        }
-        return value;
-      }
-    case 'select-one':
-      {
-        if (isPossibleValuesExist) {
-          var _possibleValues$find4;
-          return (_possibleValues$find4 = possibleValues.find(function (possibleValue) {
-            return findPossibleValueFn(possibleValue, value);
-          })) === null || _possibleValues$find4 === void 0 ? void 0 : _possibleValues$find4.label;
-        }
-        return value;
-      }
-    case 'boolean':
-      {
-        return {
-          translatable: true,
-          actualValue: value,
-          label18nKey: value ? generateTabI18nKey('trueLabel') : generateTabI18nKey('falseLabel')
-        };
-      }
-  }
-};
-var adaptFieldNewValue = function adaptFieldNewValue(_ref3) {
-  var oldValue = _ref3.oldValue,
-    value = _ref3.value,
-    activeSidebarItem = _ref3.activeSidebarItem,
-    activeLanguage = _ref3.activeLanguage,
-    operator = _ref3.operator;
-  var type = activeSidebarItem.type,
-    possibleValues = activeSidebarItem.possible_values;
-  var isPossibleValuesExist = possibleValues && Array.isArray(possibleValues);
-  var findPossibleValueFn = function findPossibleValueFn(possibleValue, searchValue) {
-    return possibleValue.internal_unique_value === searchValue;
-  };
-  var oldValueWithLang = (oldValue === null || oldValue === void 0 ? void 0 : oldValue[activeLanguage]) || oldValue;
-  var newValueWithLang = (value === null || value === void 0 ? void 0 : value[activeLanguage]) || value;
-  switch (type) {
-    case 'tags':
-      {
-        if (Array.isArray(newValueWithLang) && Array.isArray(oldValueWithLang)) {
-          return newValueWithLang.filter(function (tag) {
-            return !oldValueWithLang.includes(tag);
-          });
-        }
-        return newValueWithLang;
-      }
-    case 'numeric':
-    case 'date':
-    case 'textarea':
-    case 'attachment-uri':
-    case 'text':
-      {
-        if (newValueWithLang && oldValueWithLang !== newValueWithLang) return newValueWithLang;
-        return null;
-      }
-    case 'multi-select':
-      {
-        var appliedValues = _toConsumableArray(newValueWithLang || []);
-        var isEqual = JSON.stringify(_toConsumableArray(oldValueWithLang || []).sort()) === JSON.stringify(_toConsumableArray(appliedValues).sort());
-        if (operator !== OPERATIONS.DELETE && isEqual) return null;
-        if (isPossibleValuesExist && Array.isArray(appliedValues)) {
-          if (operator === OPERATIONS.ADD) {
-            appliedValues = appliedValues.filter(function (fieldValue) {
-              return !(oldValueWithLang || []).includes(fieldValue);
-            });
-          }
-          appliedValues = appliedValues.map(function (fieldValue) {
-            var _possibleValues$find5;
-            return (_possibleValues$find5 = possibleValues.find(function (possibleValue) {
-              return findPossibleValueFn(possibleValue, fieldValue);
-            })) === null || _possibleValues$find5 === void 0 ? void 0 : _possibleValues$find5.label;
-          });
-        }
-        return appliedValues;
-      }
-    case 'select-one':
-      {
-        if (!newValueWithLang || oldValueWithLang === newValueWithLang) return null;
-        if (isPossibleValuesExist) {
-          var _possibleValues$find6;
-          return (_possibleValues$find6 = possibleValues.find(function (possibleValue) {
-            return findPossibleValueFn(possibleValue, newValueWithLang);
-          })) === null || _possibleValues$find6 === void 0 ? void 0 : _possibleValues$find6.label;
-        }
-        return value;
-      }
-    case 'boolean':
-      {
-        var appliedOldValue = getBooleanFieldValue(oldValueWithLang);
-        var appliedNewValue = getBooleanFieldValue(newValueWithLang);
-        if (appliedNewValue === null || appliedOldValue === newValueWithLang) return null;
-        return {
-          translatable: true,
-          actualValue: newValueWithLang,
-          label18nKey: newValueWithLang ? generateTabI18nKey('trueLabel') : generateTabI18nKey('falseLabel')
-        };
-      }
-  }
-};
-var checkHasValue = function checkHasValue(_ref4) {
-  var value = _ref4.value,
-    type = _ref4.type,
-    activeLanguage = _ref4.activeLanguage;
-  var newValueWithLang = (value === null || value === void 0 ? void 0 : value[activeLanguage]) || value;
-  switch (type) {
-    case 'numeric':
-    case 'date':
-    case 'textarea':
-    case 'text':
-      {
-        return !!newValueWithLang;
-      }
-    case 'tags':
-    case 'multi-select':
-      {
-        return Array.isArray(newValueWithLang) && !!newValueWithLang.length;
-      }
-    case 'boolean':
-      {
-        return typeof getBooleanFieldValue(newValueWithLang) === 'boolean';
-      }
-    default:
-      {
-        return ![null, undefined].includes(newValueWithLang);
-      }
-  }
-};
-/*
-  Avoid errors if the asset contain invalid data type
-*/
-
-var getFieldMetaValue = function getFieldMetaValue(fieldValue, type, activeMetadataValue) {
-  var value = _typeof(fieldValue) === 'object' && activeMetadataValue ? fieldValue[activeMetadataValue] : fieldValue;
-  if (ARRAY_FIELDS.includes(type) && !Array.isArray(value)) {
-    value = [];
-  }
-  if (STRING_FIELDS.includes(type) && typeof value !== 'string') {
-    value = '';
-  }
-  if (BOOLEAN_FIELDS.includes(type) && typeof value !== 'boolean') {
-    value = null;
-  }
-  return value;
-};
-var getFileTagsWithRemovedLabel = function getFileTagsWithRemovedLabel(fileTags, removedTags) {
-  return fileTags.map(function (fileTag) {
-    var isRemoved = removedTags.some(function (_ref5) {
-      var label = _ref5.label;
-      return fileTag.label === label;
-    });
-    return _objectSpread(_objectSpread({}, fileTag), {}, {
-      isRemoved: isRemoved
-    });
-  });
-};
-var getAddedTags = function getAddedTags() {
-  var addedTags = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  var fileTags = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  return addedTags.filter(function (addedTag) {
-    return !fileTags.some(function (_ref6) {
-      var label = _ref6.label,
-        isRemoved = _ref6.isRemoved;
-      return isRemoved || addedTag.label === label;
-    });
-  });
-};
-export { adaptFieldValue, getFieldMetaValue, getAddedTags, getFileTagsWithRemovedLabel, adaptFieldOldValue, adaptFieldNewValue, checkHasValue };

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

@@ -1,23 +0,0 @@
-import { BULK_EDIT_GENERAL_IDS, BULK_EDIT_METADATA_ID } from '@scaleflex/widget-utils/lib/constants';
-import MetadataColumn from './MetadataColumn';
-import TagsColumn from './TagsColumn';
-import TextColumn from './TextColumn';
-var getActiveColumn = function getActiveColumn(activeSidebarItem) {
-  return [{
-    name: BULK_EDIT_GENERAL_IDS.TAGS,
-    Component: TagsColumn
-  }, {
-    name: BULK_EDIT_METADATA_ID,
-    Component: MetadataColumn
-  }, {
-    name: BULK_EDIT_GENERAL_IDS.TITLE,
-    Component: TextColumn
-  }, {
-    name: BULK_EDIT_GENERAL_IDS.DESCRIPTION,
-    Component: TextColumn
-  }].find(function (_ref) {
-    var name = _ref.name;
-    return name === activeSidebarItem.name;
-  });
-};
-export default getActiveColumn;

package/lib/components/BulkEditPanel/components/AssetsList/FloatyPreview.js

@@ -1,55 +0,0 @@
-import { LAYOUTS_IDS } from '@scaleflex/widget-utils/lib/constants';
-import _getItemIcon from '@scaleflex/widget-utils/lib/getItemIcon';
-import { Popper } from '@scaleflex/ui/core';
-import AssetPreview from '@scaleflex/widget-common/lib/AssetPreview';
-import { useExplorer } from '../../../../hooks';
-import Styled from './FloatyPreview.styled';
-import { PREIVEW_MODAL_STATUS } from './AssetsList.constants';
-import { jsx as _jsx } from "react/jsx-runtime";
-var FloatyPreview = function FloatyPreview(_ref) {
-  var file = _ref.file,
-    previewAnchorEl = _ref.previewAnchorEl,
-    previewStatus = _ref.previewStatus,
-    setPreviewStatus = _ref.setPreviewStatus,
-    noImgTransformations = _ref.noImgTransformations,
-    isHubMode = _ref.isHubMode,
-    container = _ref.container;
-  var _useExplorer = useExplorer(),
-    isDevEnv = _useExplorer.isDevEnv;
-  var handleMouseEnter = function handleMouseEnter() {
-    setPreviewStatus(PREIVEW_MODAL_STATUS.KEEP);
-  };
-  var handleMouseLeave = function handleMouseLeave() {
-    setPreviewStatus(PREIVEW_MODAL_STATUS.CLOSE);
-  };
-  if (!previewAnchorEl) return null;
-  return /*#__PURE__*/_jsx(Popper, {
-    anchorEl: previewAnchorEl,
-    open: [PREIVEW_MODAL_STATUS.OPEN, PREIVEW_MODAL_STATUS.KEEP].includes(previewStatus),
-    position: "right-start",
-    onMouseEnter: handleMouseEnter,
-    onMouseLeave: handleMouseLeave,
-    children: /*#__PURE__*/_jsx(Styled.PreviewWrapper, {
-      children: /*#__PURE__*/_jsx(AssetPreview, {
-        file: file,
-        isDevEnv: isDevEnv,
-        container: container,
-        isLargeSizePreview: true,
-        lazyloading: true,
-        getItemIcon: function getItemIcon() {
-          return _getItemIcon({
-            fileOrFolder: file,
-            viewLayout: LAYOUTS_IDS.GRID,
-            showVideoGif: true
-          });
-        },
-        viewLayout: LAYOUTS_IDS.GRID,
-        containerHeight: "100%",
-        fixedContainerWidth: 350,
-        noImgTransformations: noImgTransformations,
-        isHubMode: isHubMode
-      })
-    })
-  });
-};
-export default FloatyPreview;

package/lib/components/BulkEditPanel/components/AssetsList/FloatyPreview.styled.js

@@ -1,21 +0,0 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-import { PC, PSH } from '@scaleflex/widget-common';
-import styled, { css, keyframes } from 'styled-components';
-var opacityKeyframes = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  from { opacity: 0;  }\n  to { opacity: 1; }\n"])));
-var transformKeyframes = keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  from {  transform: scale(0); }\n  to { transform: scale(1); }\n"])));
-var fadeInAnimation = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  animation: ", " 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1),\n  ", " 50ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n"])), opacityKeyframes, transformKeyframes);
-var PreviewWrapper = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  width: 350px;\n  height: 260px;\n  border-radius: 4px;\n  border: 1px solid;\n  margin: 8px;\n  padding: 10px;\n  border-color: ", ";\n  background-color: ", ";\n  box-shadow: ", ";\n  ", "\n  .filerobot-common-ItemIcon {\n    height: 100%;\n  }\n"])), function (_ref) {
-  var palette = _ref.theme.palette;
-  return palette[PC.BordersItem];
-}, function (_ref2) {
-  var palette = _ref2.theme.palette;
-  return palette[PC.BackgroundStateless];
-}, function (_ref3) {
-  var shadows = _ref3.theme.shadows;
-  return shadows[PSH.HeaderPopup];
-}, fadeInAnimation);
-var Styled = {
-  PreviewWrapper: PreviewWrapper
-};
-export default Styled;

package/lib/components/BulkEditPanel/components/AssetsList/TableBody.js

@@ -1,64 +0,0 @@
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { useContext } from 'react';
-import { VirtualList } from '@scaleflex/widget-common';
-import { VirtualListDataContext } from '@scaleflex/widget-core/lib/Providers';
-import Styled from './AssetsList.styled';
-import TableRow from './Columns/TableRow';
-import { jsx as _jsx } from "react/jsx-runtime";
-var renderTableRowSpacer = function renderTableRowSpacer(props) {
-  return /*#__PURE__*/_jsx("tr", _objectSpread({}, props));
-};
-var TableBody = function TableBody(_ref) {
-  var tabSelectedAssets = _ref.tabSelectedAssets,
-    sortedFiles = _ref.sortedFiles,
-    isOnUpload = _ref.isOnUpload,
-    metadataEmptyAssetsValues = _ref.metadataEmptyAssetsValues,
-    handleSelectAsset = _ref.handleSelectAsset,
-    ActiveColumnElement = _ref.ActiveColumnElement,
-    activeMetadataValue = _ref.activeMetadataValue,
-    noImgTransformations = _ref.noImgTransformations,
-    activeSidebarItem = _ref.activeSidebarItem,
-    changedMetadataFields = _ref.changedMetadataFields,
-    tagsDetails = _ref.tagsDetails,
-    fileCustomMetadataGroups = _ref.fileCustomMetadataGroups,
-    fetchedFiles = _ref.fetchedFiles,
-    setFetchedFiles = _ref.setFetchedFiles,
-    textFieldsDetails = _ref.textFieldsDetails,
-    setTextFieldsDetails = _ref.setTextFieldsDetails;
-  var _useContext = useContext(VirtualListDataContext),
-    apiRef = _useContext.apiRef,
-    parentRef = _useContext.parentRef;
-  return /*#__PURE__*/_jsx(Styled.TableBody, {
-    ref: parentRef,
-    children: /*#__PURE__*/_jsx(VirtualList, {
-      items: sortedFiles,
-      injectedItemPropName: "file",
-      renderSpacer: renderTableRowSpacer,
-      parentRef: parentRef,
-      apiRef: apiRef,
-      children: /*#__PURE__*/_jsx(TableRow, {
-        tabSelectedAssets: tabSelectedAssets,
-        handleSelectAsset: handleSelectAsset,
-        ActiveColumnElement: ActiveColumnElement,
-        activeSidebarItem: activeSidebarItem,
-        changedMetadataFields: changedMetadataFields,
-        tagsDetails: tagsDetails,
-        isOnUpload: isOnUpload,
-        noImgTransformations: noImgTransformations,
-        activeMetadataValue: activeMetadataValue,
-        fileCustomMetadataGroups: fileCustomMetadataGroups,
-        metadataEmptyAssetsValues: metadataEmptyAssetsValues,
-        fetchedFiles: fetchedFiles,
-        setFetchedFiles: setFetchedFiles,
-        textFieldsDetails: textFieldsDetails,
-        setTextFieldsDetails: setTextFieldsDetails
-      })
-    })
-  });
-};
-export default TableBody;