@scaleflex/widget-explorer 4.4.0 → 4.5.1

package/lib/utils/mapFiltersToShownFormat.js

@@ -0,0 +1,252 @@
+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 _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; }
+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 { FILTER_CONDITIONS } from '@scaleflex/widget-utils/lib/constants';
+import { DATE_OPTIONS_RANGE, FILTER_SECTION_KEYS, ASSET_STATUSES_OPTIONS, FACES_OPTIONS } from '../components/Filters/Filters.constants';
+import { generateFolderObjFromPath } from '../components/Filters/Filters.utils';
+import { adaptSelectFieldValue, findOptionByApiValue, isSelectField } from './filters';
+import { ORIENTATION_KEY_TO_LABEL_I18N_KEYS } from './constants';
+var getFilterValue = function getFilterValue(filter) {
+  return (filter === null || filter === void 0 ? void 0 : filter.value) || filter;
+};
+
+// `filtersMetadataOperation` OR operation Will be supported in BE at 2023Q1
+var mapFiltersToShownFormat = function mapFiltersToShownFormat(_ref) {
+  var _ref$appliedFilters = _ref.appliedFilters,
+    appliedFilters = _ref$appliedFilters === void 0 ? {} : _ref$appliedFilters,
+    i18n = _ref.i18n,
+    filters = _ref.filters,
+    searchQuery = _ref.searchQuery,
+    filteredTagsList = _ref.filteredTagsList,
+    _ref$filtersMetadataO = _ref.filtersMetadataOperation,
+    filtersMetadataOperation = _ref$filtersMetadataO === void 0 ? 'and' : _ref$filtersMetadataO,
+    _onRemove = _ref.onRemove;
+  var formattedFilters = [];
+  var dateRangeFilter = getFilterValue(appliedFilters[FILTER_SECTION_KEYS.DATE]);
+  var fileFormatsFilter = getFilterValue(appliedFilters[FILTER_SECTION_KEYS.MIME_TYPES]);
+  var fileTypesFilter = getFilterValue(appliedFilters[FILTER_SECTION_KEYS.FILE_TYPES]);
+  var fileSizeFilter = getFilterValue(appliedFilters[FILTER_SECTION_KEYS.SIZE]);
+  var tags = getFilterValue(appliedFilters[FILTER_SECTION_KEYS.TAGS]);
+  var statusFilter = getFilterValue(appliedFilters[FILTER_SECTION_KEYS.STATUS]);
+  var metadataFilter = getFilterValue(appliedFilters[FILTER_SECTION_KEYS.METADATA]);
+  var resolutionFilter = getFilterValue(appliedFilters[FILTER_SECTION_KEYS.IMAGE_RESOLUTIONS]);
+  var orientationFilter = getFilterValue(appliedFilters[FILTER_SECTION_KEYS.IMAGE_ORIENTATIONS]);
+  var facesFilter = getFilterValue(appliedFilters[FILTER_SECTION_KEYS.IMAGE_FACES]);
+  var styleFilter = getFilterValue(appliedFilters[FILTER_SECTION_KEYS.IMAGE_STYLE]);
+  var typeFilter = getFilterValue(appliedFilters[FILTER_SECTION_KEYS.IMAGE_TYPE]);
+  var mainColorFilter = getFilterValue(appliedFilters[FILTER_SECTION_KEYS.IMAGE_MAIN_COLORS]);
+  var dominantColorFilter = getFilterValue(appliedFilters[FILTER_SECTION_KEYS.IMAGE_DOMINANT_COLORS]);
+  var foldersFilter = getFilterValue(appliedFilters[FILTER_SECTION_KEYS.FOLDERS]);
+  var updatedFilters = function updatedFilters(keys) {
+    var newAppliedFilters = _objectSpread({}, appliedFilters);
+    keys.forEach(function (key) {
+      return delete newAppliedFilters[key];
+    });
+    return newAppliedFilters;
+  };
+  if (searchQuery) {
+    formattedFilters.push({
+      filter: i18n('mutualizedQueryLabel'),
+      label: searchQuery
+    });
+  }
+  if (foldersFilter) {
+    formattedFilters.push({
+      filtersSectionKey: FILTER_SECTION_KEYS.FOLDERS,
+      label: foldersFilter.map(function (folderPath) {
+        return generateFolderObjFromPath(folderPath).name;
+      }).join(', '),
+      onRemove: function onRemove() {
+        return _onRemove(updatedFilters([FILTER_SECTION_KEYS.FOLDERS]));
+      }
+    });
+  }
+  if (dateRangeFilter) {
+    var _DATE_OPTIONS_RANGE$f;
+    var _ref2 = Array.isArray(dateRangeFilter) ? dateRangeFilter : [],
+      _ref3 = _slicedToArray(_ref2, 2),
+      from = _ref3[0],
+      to = _ref3[1];
+    formattedFilters.push({
+      filtersSectionKey: FILTER_SECTION_KEYS.DATE,
+      label: Array.isArray(dateRangeFilter) ? "".concat(from && to ? "".concat(from, " - ").concat(to) : '', "\n            ").concat(from && !to ? "> ".concat(from) : '', "\n            ").concat(to && !from ? "< ".concat(to) : '') : i18n((_DATE_OPTIONS_RANGE$f = DATE_OPTIONS_RANGE.find(function (_ref4) {
+        var value = _ref4.value;
+        return value === dateRangeFilter;
+      })) === null || _DATE_OPTIONS_RANGE$f === void 0 ? void 0 : _DATE_OPTIONS_RANGE$f.i18nStr),
+      onRemove: function onRemove() {
+        return _onRemove(updatedFilters([FILTER_SECTION_KEYS.DATE]));
+      }
+    });
+  }
+  if (fileFormatsFilter && fileFormatsFilter.length !== 0) {
+    formattedFilters.push({
+      filtersSectionKey: FILTER_SECTION_KEYS.MIME_TYPES,
+      label: "".concat(fileFormatsFilter.join(', ')),
+      onRemove: function onRemove() {
+        return _onRemove(updatedFilters([FILTER_SECTION_KEYS.MIME_TYPES]));
+      }
+    });
+  }
+  if (fileTypesFilter && fileTypesFilter.length !== 0) {
+    formattedFilters.push({
+      filtersSectionKey: FILTER_SECTION_KEYS.FILE_TYPES,
+      label: "".concat(fileTypesFilter.map(function (value) {
+        var filterData = ((filters === null || filters === void 0 ? void 0 : filters.fileTypes) || []).find(function (filter) {
+          return (filter === null || filter === void 0 ? void 0 : filter.value) === value;
+        });
+        return filterData === null || filterData === void 0 ? void 0 : filterData.name;
+      }).filter(Boolean).join(', ')),
+      onRemove: function onRemove() {
+        return _onRemove(updatedFilters([FILTER_SECTION_KEYS.FILE_TYPES]));
+      }
+    });
+  }
+  if (fileSizeFilter) {
+    var _fileSizeFilter = _slicedToArray(fileSizeFilter, 2),
+      _from = _fileSizeFilter[0],
+      _to = _fileSizeFilter[1];
+    formattedFilters.push({
+      filtersSectionKey: FILTER_SECTION_KEYS.SIZE,
+      label: Number.isFinite(_from) && Number.isFinite(_to) ? "".concat(_from, " MB - ").concat(_to, " MB") : "".concat(_from ? "> ".concat(_from, " MB") : "< ".concat(_to, " MB")),
+      onRemove: function onRemove() {
+        return _onRemove(updatedFilters([FILTER_SECTION_KEYS.SIZE]));
+      }
+    });
+  }
+  if (tags && tags.length !== 0) {
+    formattedFilters.push({
+      filtersSectionKey: FILTER_SECTION_KEYS.TAGS,
+      label: tags.map(function (value) {
+        var _filterData$name;
+        var filterData = (filteredTagsList || []).find(function (filter) {
+          var _filter$sid;
+          return [filter === null || filter === void 0 ? void 0 : filter.value, filter === null || filter === void 0 ? void 0 : (_filter$sid = filter.sid) === null || _filter$sid === void 0 ? void 0 : _filter$sid.replace('#', '')].includes(value);
+        });
+        return (_filterData$name = filterData === null || filterData === void 0 ? void 0 : filterData.name) !== null && _filterData$name !== void 0 ? _filterData$name : value;
+      }).join(', '),
+      onRemove: function onRemove() {
+        return _onRemove(updatedFilters([FILTER_SECTION_KEYS.TAGS]));
+      }
+    });
+  }
+  if (statusFilter && statusFilter.length !== 0) {
+    formattedFilters.push({
+      filtersSectionKey: FILTER_SECTION_KEYS.STATUS,
+      label: "".concat(statusFilter.map(function (value) {
+        var filterData = ASSET_STATUSES_OPTIONS.find(function (filter) {
+          return (filter === null || filter === void 0 ? void 0 : filter.value) === value;
+        });
+        return i18n(filterData.i18nStr);
+      }).join(', ')),
+      onRemove: function onRemove() {
+        return _onRemove(updatedFilters([FILTER_SECTION_KEYS.STATUS]));
+      }
+    });
+  }
+  if (metadataFilter && metadataFilter.length !== 0) {
+    formattedFilters.push({
+      filtersSectionKey: FILTER_SECTION_KEYS.METADATA,
+      label: metadataFilter.map(function (metadata) {
+        var title = metadata.title,
+          condition = metadata.condition,
+          _metadata$possible_va = metadata.possible_values,
+          possibleValues = _metadata$possible_va === void 0 ? [] : _metadata$possible_va,
+          value = metadata.value;
+        var label = value;
+        if (isSelectField(metadata)) {
+          label = adaptSelectFieldValue(value).map(function (appliedApiValue) {
+            var _findOptionByApiValue, _findOptionByApiValue2;
+            return (_findOptionByApiValue = (_findOptionByApiValue2 = findOptionByApiValue(possibleValues, appliedApiValue)) === null || _findOptionByApiValue2 === void 0 ? void 0 : _findOptionByApiValue2.label) !== null && _findOptionByApiValue !== void 0 ? _findOptionByApiValue : value;
+          });
+        }
+        return "".concat(title, "\n        ").concat(condition === FILTER_CONDITIONS.IS_NOT ? i18n('metadataUpperCaseNotOperatorLabel') : ':', "\n        ").concat(label);
+      }).join(filtersMetadataOperation === 'or' ? ' | ' : ', '),
+      onRemove: function onRemove() {
+        return _onRemove(updatedFilters([FILTER_SECTION_KEYS.METADATA]));
+      }
+    });
+  }
+  if (resolutionFilter && resolutionFilter.length !== 0) {
+    formattedFilters.push({
+      filtersSectionKey: FILTER_SECTION_KEYS.IMAGE_RESOLUTIONS,
+      label: resolutionFilter.join(', '),
+      onRemove: function onRemove() {
+        return _onRemove(updatedFilters([FILTER_SECTION_KEYS.IMAGE_RESOLUTIONS]));
+      }
+    });
+  }
+  if (orientationFilter && orientationFilter.length !== 0) {
+    formattedFilters.push({
+      filtersSectionKey: FILTER_SECTION_KEYS.IMAGE_ORIENTATIONS,
+      label: orientationFilter.map(function (value) {
+        return ORIENTATION_KEY_TO_LABEL_I18N_KEYS[value] && i18n(ORIENTATION_KEY_TO_LABEL_I18N_KEYS[value]) || value;
+      }).join(', '),
+      onRemove: function onRemove() {
+        return _onRemove(updatedFilters([FILTER_SECTION_KEYS.IMAGE_ORIENTATIONS]));
+      }
+    });
+  }
+  if (facesFilter || facesFilter === 0) {
+    formattedFilters.push({
+      filtersSectionKey: FILTER_SECTION_KEYS.IMAGE_FACES,
+      label: "".concat(facesFilter.map(function (value) {
+        var filterData = FACES_OPTIONS.find(function (filter) {
+          return (filter === null || filter === void 0 ? void 0 : filter.value) === value;
+        });
+        return i18n(filterData.i18nStr);
+      }).join(', ')),
+      onRemove: function onRemove() {
+        return _onRemove(updatedFilters([FILTER_SECTION_KEYS.IMAGE_FACES]));
+      }
+    });
+  }
+  if (styleFilter && styleFilter.length !== 0) {
+    formattedFilters.push({
+      filtersSectionKey: FILTER_SECTION_KEYS.IMAGE_STYLE,
+      label: styleFilter.join(', '),
+      onRemove: function onRemove() {
+        return _onRemove(updatedFilters([FILTER_SECTION_KEYS.IMAGE_STYLE]));
+      }
+    });
+  }
+  if (typeFilter && typeFilter.length !== 0) {
+    formattedFilters.push({
+      filtersSectionKey: FILTER_SECTION_KEYS.IMAGE_TYPE,
+      label: typeFilter.join(', '),
+      onRemove: function onRemove() {
+        return _onRemove(updatedFilters([FILTER_SECTION_KEYS.IMAGE_TYPE]));
+      }
+    });
+  }
+  if (mainColorFilter && mainColorFilter.length !== 0) {
+    formattedFilters.push({
+      filtersSectionKey: FILTER_SECTION_KEYS.IMAGE_MAIN_COLORS,
+      label: mainColorFilter.join(', '),
+      useFilterKey: true,
+      onRemove: function onRemove() {
+        return _onRemove(updatedFilters([FILTER_SECTION_KEYS.IMAGE_MAIN_COLORS]));
+      }
+    });
+  }
+  if (dominantColorFilter && dominantColorFilter.length !== 0) {
+    formattedFilters.push({
+      filtersSectionKey: FILTER_SECTION_KEYS.IMAGE_DOMINANT_COLORS,
+      label: dominantColorFilter.join(', '),
+      useFilterKey: true,
+      onRemove: function onRemove() {
+        return _onRemove(updatedFilters([FILTER_SECTION_KEYS.IMAGE_DOMINANT_COLORS]));
+      }
+    });
+  }
+  return formattedFilters;
+};
+export default mapFiltersToShownFormat;

package/lib/utils/prepareExportedFilesLinks.js

@@ -0,0 +1,12 @@
+var prepareExportedFilesLinks = function prepareExportedFilesLinks(files) {
+  var linkType = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'download';
+  var forceDownload = arguments.length > 2 ? arguments[2] : undefined;
+  return files.map(function (file) {
+    var _file$url, _file$url2, _file$url3;
+    return {
+      link: "".concat(((_file$url = file.url) === null || _file$url === void 0 ? void 0 : _file$url[linkType]) || ((_file$url2 = file.url) === null || _file$url2 === void 0 ? void 0 : _file$url2.cdn_permalink) || ((_file$url3 = file.url) === null || _file$url3 === void 0 ? void 0 : _file$url3.cdn)).concat(forceDownload ? '&download=1' : ''),
+      file: file
+    };
+  });
+};
+export default prepareExportedFilesLinks;

package/lib/utils/prepareSearchUrl.js

@@ -0,0 +1,75 @@
+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 _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; }
+import { SEARCH_METHODS } from '@scaleflex/widget-utils/lib/constants';
+import { FILTER_SECTION_KEYS } from '../components/Filters/Filters.constants';
+import { adaptFiltersToBackendNotation, adaptMetadataFilter } from './filters';
+var prepareSearchUrl = function prepareSearchUrl(_ref, cb) {
+  var apiPath = _ref.apiPath,
+    _ref$query = _ref.query,
+    query = _ref$query === void 0 ? '' : _ref$query,
+    offset = _ref.offset,
+    filters = _ref.filters,
+    method = _ref.method,
+    _ref$recursive = _ref.recursive,
+    recursive = _ref$recursive === void 0 ? false : _ref$recursive,
+    folder = _ref.folder,
+    limit = _ref.limit,
+    _ref$sorting = _ref.sorting,
+    sorting = _ref$sorting === void 0 ? 'name:asc' : _ref$sorting,
+    searchSuggestionsFilters = _ref.searchSuggestionsFilters,
+    searchSuggestionsTags = _ref.searchSuggestionsTags,
+    _ref$activeCollection = _ref.activeCollection,
+    activeCollection = _ref$activeCollection === void 0 ? null : _ref$activeCollection,
+    activeCollectionVirtualFolder = _ref.activeCollectionVirtualFolder,
+    includeMeta = _ref.includeMeta,
+    debugSearch = _ref.debugSearch;
+  var queryItems = [];
+  var metadataFilter = filters[FILTER_SECTION_KEYS.METADATA] || [];
+  if (folder) {
+    queryItems.push("folder=".concat(folder));
+  }
+  if (recursive) {
+    queryItems.push('recursive=1');
+  }
+  if (query || searchSuggestionsFilters || searchSuggestionsTags || metadataFilter !== null && metadataFilter !== void 0 && metadataFilter.length || filters) {
+    var queryArray = [query].concat(_toConsumableArray((searchSuggestionsFilters || []).map(function (filter) {
+      var _filter$value;
+      return "".concat(filter.key, ":\"").concat(((_filter$value = filter.value) === null || _filter$value === void 0 ? void 0 : _filter$value.sys_key) || filter.value, "\"");
+    })), _toConsumableArray(adaptMetadataFilter(metadataFilter)), _toConsumableArray((searchSuggestionsTags || []).map(function (tag) {
+      return tag.input;
+    })), _toConsumableArray(_typeof(filters) === 'object' && adaptFiltersToBackendNotation(filters))).filter(Boolean);
+    var queryStr = queryArray.join(' ');
+    if (queryStr) queryItems.push("q=".concat(queryStr));
+  }
+  if (typeof offset !== 'undefined') {
+    queryItems.push("offset=".concat(offset));
+  }
+  if (limit) {
+    queryItems.push("limit=".concat(limit));
+  }
+  if (method && method !== SEARCH_METHODS.QUICK) {
+    queryItems.push("method=".concat(method));
+  }
+  if (sorting) {
+    queryItems.push("sort=".concat(sorting));
+  }
+  if (activeCollection !== null && activeCollection !== void 0 && activeCollection.uuid) {
+    var _activeCollection$dat, _activeCollection$dat2;
+    queryItems.push("collection_uuid=".concat(activeCollection.uuid));
+    if (activeCollection !== null && activeCollection !== void 0 && (_activeCollection$dat = activeCollection.data) !== null && _activeCollection$dat !== void 0 && (_activeCollection$dat2 = _activeCollection$dat.groupby) !== null && _activeCollection$dat2 !== void 0 && _activeCollection$dat2.length && activeCollectionVirtualFolder !== null && activeCollectionVirtualFolder !== void 0 && activeCollectionVirtualFolder.filters) {
+      queryItems.push("f64=".concat(activeCollectionVirtualFolder === null || activeCollectionVirtualFolder === void 0 ? void 0 : activeCollectionVirtualFolder.filters));
+    }
+  }
+  if (includeMeta) queryItems.push('include_meta=1');
+  if (debugSearch) queryItems.push('debug_search=1');
+  if (cb) {
+    cb(queryItems);
+  }
+  return "".concat(apiPath).concat(apiPath.includes('?') ? '&' : '?').concat(queryItems.join('&'));
+};
+export default prepareSearchUrl;

package/lib/utils/removeBackground.js

@@ -0,0 +1,60 @@
+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 { MIME_TYPE_REGEX } from '@scaleflex/widget-utils/lib/constants';
+import getFileLink from '@scaleflex/widget-utils/lib/getFileLink';
+import handlePromise from '@scaleflex/widget-utils/lib/handlePromise';
+import isImage from '@scaleflex/widget-utils/lib/isImage';
+var updateFileContent = function updateFileContent(file, value, func, finished) {
+  func(_objectSpread(_objectSpread({}, file), {}, {
+    removeBackgroundInProgress: value,
+    removedBackground: finished
+  }));
+};
+export var removeBackground = function removeBackground(file, explorerService, filerobot, i18n, updateFile, viewReset, removeBackgroundFolder) {
+  updateFileContent(file, true, updateFile);
+  handlePromise(explorerService.removeBackground({
+    url: getFileLink(file, 'cdn'),
+    uuid: file.uuid,
+    folderPath: file.folder.name,
+    removeBackgroundFolder: removeBackgroundFolder
+  }), function () {
+    viewReset(true);
+    updateFileContent(file, false, updateFile, true);
+    filerobot.info(i18n('explorerRemoveBackgroundFinishedInfo'), 'success');
+  }, filerobot.info);
+};
+export var removeBackgroundForMultipleFiles = function removeBackgroundForMultipleFiles(files, explorerService, filerobot, i18n, updateFile, viewReset) {
+  files.forEach(function (file) {
+    updateFileContent(file, true, updateFile);
+  });
+  files.forEach(function (file) {
+    handlePromise(explorerService.removeBackground({
+      url: getFileLink(file, 'cdn'),
+      uuid: file.uuid,
+      folderPath: file.folder.name
+    }), function () {
+      viewReset(true);
+      files.forEach(function (file) {
+        updateFileContent(file, false, updateFile, true);
+      });
+      filerobot.info(i18n('explorerRemoveBackgroundFinishedInfo'), 'success');
+    }, filerobot.info);
+  });
+};
+export var isRemoveBackgroundNotSupported = function isRemoveBackgroundNotSupported(currentSelection) {
+  var notSupportedTypes = ['gif', 'PSD'];
+  return currentSelection.length > 10 || currentSelection.some(function (item) {
+    var _item$type$match;
+    return !isImage(item) || notSupportedTypes.includes(item.extension || ((_item$type$match = item.type.match(MIME_TYPE_REGEX)) === null || _item$type$match === void 0 ? void 0 : _item$type$match[1]));
+  });
+};
+export var isBackgroundRemoved = function isBackgroundRemoved(currentSelection) {
+  return currentSelection.some(function (item) {
+    var _item$info, _item$info2;
+    return (item === null || item === void 0 ? void 0 : (_item$info = item.info) === null || _item$info === void 0 ? void 0 : _item$info.remove_background) || (item === null || item === void 0 ? void 0 : (_item$info2 = item.info) === null || _item$info2 === void 0 ? void 0 : _item$info2.removed_background) || (item === null || item === void 0 ? void 0 : item.removedBackground);
+  });
+};

package/lib/utils/removeExtraUrlParams.js

@@ -0,0 +1,13 @@
+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; }
+export var removeExtraUrlParams = function removeExtraUrlParams(url) {
+  if (!url) return null;
+  var _url$split = url.split('?'),
+    _url$split2 = _slicedToArray(_url$split, 1),
+    baseUrl = _url$split2[0];
+  return baseUrl;
+};

package/lib/utils/scrollToAndFocusItemElement.js

@@ -0,0 +1,16 @@
+var scrollToAndFocusElement = function scrollToAndFocusElement(parentElement, item) {
+  var select = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  var itemElement = parentElement.querySelector("[data-filerobot-focusable-uuid=\"".concat(item.uuid || item.id, "\"]"));
+  if (itemElement) {
+    setTimeout(function () {
+      itemElement.scrollIntoViewIfNeeded({
+        behavior: 'smooth'
+      });
+      itemElement.focus();
+    });
+    if (select) {
+      itemElement.firstChild.click();
+    }
+  }
+};
+export default scrollToAndFocusElement;

package/lib/utils/toggleFolderNotFoundModal.js

@@ -0,0 +1,25 @@
+import { createElement } from 'react';
+import { Warning } from '@scaleflex/icons';
+import { PC } from '@scaleflex/widget-common';
+var toggleFolderNotFoundModal = function toggleFolderNotFoundModal(_ref) {
+  var response = _ref.response,
+    i18n = _ref.i18n,
+    toggleModal = _ref.toggleModal,
+    theme = _ref.theme,
+    queryParamValue = _ref.queryParamValue,
+    rootFolderPath = _ref.rootFolderPath;
+  if (response.code === 'FOLDER_NOT_FOUND' && queryParamValue && queryParamValue !== rootFolderPath) {
+    toggleModal(true, {
+      icon: /*#__PURE__*/createElement(Warning, {
+        color: theme.palette[PC.Warning]
+      }),
+      title: i18n('explorerFolderNotFoundTitle'),
+      content: i18n('explorerFolderNotFoundText'),
+      buttonPrimaryLabel: i18n('explorerModelOkButton'),
+      onButtonPrimaryClick: function onButtonPrimaryClick() {
+        return toggleModal(false);
+      }
+    });
+  }
+};
+export default toggleFolderNotFoundModal;

package/lib/utils/trapFocus.js

@@ -0,0 +1,59 @@
+import toArray from '@scaleflex/widget-utils/lib/toArray';
+import getActiveOverlayEl from './getActiveOverlayEl';
+import FOCUSABLE_ELEMENTS from '@scaleflex/widget-utils/lib/FOCUSABLE_ELEMENTS';
+function focusOnFirstNode(event, nodes) {
+  var node = nodes[0];
+  if (node) {
+    node.focus();
+    event.preventDefault();
+  }
+}
+function focusOnLastNode(event, nodes) {
+  var node = nodes[nodes.length - 1];
+  if (node) {
+    node.focus();
+    event.preventDefault();
+  }
+}
+
+// ___Why not just use (focusedItemIndex === -1)?
+//    Firefox thinks <ul> is focusable, but we don't have <ul>s in our FOCUSABLE_ELEMENTS. Which means that if we tab into the <ul>, code will think that we are not in the active overlay, and we should focusOnFirstNode() of the currently active overlay!
+//    [Practical check] if we use (focusedItemIndex === -1), instagram provider in firefox will never get focus on its pics in the <ul>.
+function isFocusInOverlay(activeOverlayEl) {
+  return activeOverlayEl.contains(document.activeElement);
+}
+function trapFocus(event, activeOverlayType, explorerEl) {
+  var activeOverlayEl = getActiveOverlayEl(explorerEl, activeOverlayType);
+  var focusableNodes = toArray(activeOverlayEl.querySelectorAll(FOCUSABLE_ELEMENTS));
+  var focusedItemIndex = focusableNodes.indexOf(document.activeElement);
+
+  // If we pressed tab, and focus is not yet within the current overlay - focus on the first element within the current overlay.
+  // This is a safety measure (for when user returns from another tab e.g.), most plugins will try to focus on some important element as it loads.
+  if (!isFocusInOverlay(activeOverlayEl)) {
+    focusOnFirstNode(event, focusableNodes);
+    // If we pressed shift + tab, and we're on the first element of a modal
+  } else if (event.shiftKey && focusedItemIndex === 0) {
+    focusOnLastNode(event, focusableNodes);
+    // If we pressed tab, and we're on the last element of the modal
+  } else if (!event.shiftKey && focusedItemIndex === focusableNodes.length - 1) {
+    focusOnFirstNode(event, focusableNodes);
+  }
+}
+export default {
+  // Traps focus inside of the currently open overlay (e.g. Explorer, or e.g. Instagram), never lets focus disappear from the modal.
+  forModal: function forModal(event, activeOverlayType, explorerEl) {
+    trapFocus(event, activeOverlayType, explorerEl);
+  },
+  // Traps focus inside of the currently open overlay, unless overlay is null - then let the user tab away.
+  forInline: function forInline(event, activeOverlayType, explorerEl) {
+    // ___When we're in the bare 'Drop files here, paste, browse or import from' screen
+    if (activeOverlayType === null) {
+      // Do nothing and let the browser handle it, user can tab away from Filerobot to other elements on the page
+      // ___When there is some overlay with 'Done' button
+    } else {
+      // Trap the focus inside this overlay!
+      // User can close the overlay (click 'Done') if they want to travel away from Filerobot.
+      trapFocus(event, activeOverlayType, explorerEl);
+    }
+  }
+};

package/lib/utils/truncateString.js

@@ -0,0 +1,28 @@
+/**
+ * Truncates a string to the given number of chars (maxLength) by inserting '...' in the middle of that string.
+ * Partially taken from https://stackoverflow.com/a/5723274/3192470.
+ *
+ * @param {string} string - string to be truncated
+ * @param {number} maxLength - maximum size of the resulting string
+ * @returns {string}
+ */
+export default function truncateString(string, maxLength) {
+  if (typeof string !== 'string') {
+    return '';
+  }
+  var separator = '...';
+
+  // Return original string if it's already shorter than maxLength
+  if (string.length <= maxLength) {
+    return string;
+    // Return truncated substring without '...' if string can't be meaningfully truncated
+  } else if (maxLength <= separator.length) {
+    return string.substr(0, maxLength);
+    // Return truncated string divided in half by '...'
+  } else {
+    var charsToShow = maxLength - separator.length;
+    var frontChars = Math.ceil(charsToShow / 2);
+    var backChars = Math.floor(charsToShow / 2);
+    return string.substr(0, frontChars) + separator + string.substr(string.length - backChars);
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scaleflex/widget-explorer",
-  "version": "4.4.0",
+  "version": "4.5.1",
   "description": "Scaleflex explorer for the files uploaded on filerobot, handling them & upload new files.",
   "main": "lib/index.js",
   "style": "dist/style.min.css",
@@ -18,12 +18,12 @@
     "@scaleflex/icons": "^3.0.0-beta.11",
     "@scaleflex/react-url-builder": "^0.0.72",
     "@scaleflex/ui": "^3.0.0-beta.11",
-    "@scaleflex/widget-common": "^4.4.0",
-    "@scaleflex/widget-icons": "^4.4.0",
-    "@scaleflex/widget-informer": "^4.4.0",
-    "@scaleflex/widget-provider-views": "^4.4.0",
-    "@scaleflex/widget-thumbnail-generator": "^4.4.0",
-    "@scaleflex/widget-utils": "^4.4.0",
+    "@scaleflex/widget-common": "^4.5.1",
+    "@scaleflex/widget-icons": "^4.5.1",
+    "@scaleflex/widget-informer": "^4.5.1",
+    "@scaleflex/widget-provider-views": "^4.5.1",
+    "@scaleflex/widget-thumbnail-generator": "^4.5.1",
+    "@scaleflex/widget-utils": "^4.5.1",
     "@transloadit/prettier-bytes": "0.1.0",
     "akamai-filerobot-converter": "^0.1.6",
     "classnames": "^2.2.6",
@@ -51,5 +51,5 @@
     "react-konva": ">=19.0.3"
   },
   "license": "MIT",
-  "gitHead": "04b8ec545c4f10be89f5a44eed954acf8433360c"
+  "gitHead": "b211f9961ad30d3eaa01138f34e190ad5d38fb91"
 }