@scaleflex/widget-explorer 4.4.0 → 4.5.1

package/lib/components/FileWindowPanel/Header/MutualActionBtns.js

@@ -0,0 +1,92 @@
+import { useDispatch, useSelector } from 'react-redux';
+import { usePlugin } from '@scaleflex/widget-core/lib/hooks';
+import { Button } from '@scaleflex/ui/core';
+import { PLUGINS_IDS, IMAGE_EDITOR_MODES, PERMISSIONS } from '@scaleflex/widget-utils/lib/constants';
+import isPdf from '@scaleflex/widget-utils/lib/isPdf';
+import { selectIsUserAuth } from '@scaleflex/widget-core/lib/slices/user.slice';
+import canEditVideo from '@scaleflex/widget-utils/lib/canEditVideo';
+import { isVideoResourceIntensive } from '@scaleflex/widget-utils/lib/isVideoResourceIntensive';
+import { useExplorer } from '../../../hooks';
+import Styled from './FileWindowHeader.styled';
+import { imageEditorOpened, pdfFilePreviewOpened } from '../../../slices/panels.slice';
+import { useConfirmationModal } from '../../Modals';
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+var MutualActionBtns = function MutualActionBtns(_ref) {
+  var originalFile = _ref.originalFile,
+    isPdfFile = _ref.isPdfFile,
+    isImageFile = _ref.isImageFile,
+    alertUnsavedChangesFirst = _ref.alertUnsavedChangesFirst,
+    isVideoFile = _ref.isVideoFile,
+    isPreUpload = _ref.isPreUpload;
+  var dispatch = useDispatch();
+  var _useExplorer = useExplorer(),
+    i18n = _useExplorer.i18n,
+    checkUserPermissions = _useExplorer.checkUserPermissions,
+    opts = _useExplorer.opts;
+  var triggerConfirmationModal = useConfirmationModal();
+  var isPdftronPreviewSupported = Boolean(usePlugin(PLUGINS_IDS.PDFTRON));
+  var isUserAuth = useSelector(selectIsUserAuth);
+  var isFastToken = opts.isFastToken;
+  var hideEditPdf = true; // TODO: Enable after adding pdftron
+
+  var togglePdfEdit = function togglePdfEdit(originalFile) {
+    if (originalFile && isPdf(originalFile) && isPdftronPreviewSupported) {
+      alertUnsavedChangesFirst(function () {
+        dispatch(pdfFilePreviewOpened(originalFile.uuid || originalFile.id));
+      });
+    } else {
+      dispatch(pdfFilePreviewOpened(null));
+    }
+  };
+  var openMediaEditor = function openMediaEditor() {
+    alertUnsavedChangesFirst(function () {
+      dispatch(imageEditorOpened({
+        file: originalFile,
+        mode: IMAGE_EDITOR_MODES.DEFAULT,
+        showBackButton: true
+      }));
+    });
+  };
+  var validateFileBeforeOpeningEditor = function validateFileBeforeOpeningEditor() {
+    if (isVideoFile && isVideoResourceIntensive(originalFile)) {
+      triggerConfirmationModal({
+        title: i18n('explorerVideoLongerProcessingTitle'),
+        description: isPreUpload ? i18n('explorerVideoLongerProcessingBeforeUploadDesc') : i18n('explorerVideoLongerProcessingDesc'),
+        onConfirm: openMediaEditor
+      });
+      return;
+    }
+    openMediaEditor();
+  };
+  var renderFileEditButton = function renderFileEditButton() {
+    var showPdfButton = isPdfFile && !hideEditPdf;
+    if (showPdfButton) {
+      return /*#__PURE__*/_jsx(Styled.SizeHideableContent, {
+        defaultDisplay: true,
+        children: /*#__PURE__*/_jsx(Button, {
+          disabled: !isPdftronPreviewSupported,
+          onClick: togglePdfEdit,
+          children: i18n('itemsCardEditPdf')
+        })
+      });
+    }
+    var showEditMediaButton = (isImageFile || canEditVideo(originalFile)) && isUserAuth && !isPreUpload && !isFastToken && checkUserPermissions([PERMISSIONS.UPLOAD, PERMISSIONS.FILE_IMAGE_EDITOR]);
+    if (showEditMediaButton) {
+      return /*#__PURE__*/_jsx(Styled.SizeHideableContent, {
+        defaultDisplay: true,
+        children: /*#__PURE__*/_jsx(Styled.EditButton, {
+          color: "secondary",
+          size: "md",
+          onClick: validateFileBeforeOpeningEditor,
+          noMargin: true,
+          children: isVideoFile ? i18n('mutualizedEditVideoLabel') : i18n('mutualizedEditImageLabel')
+        })
+      });
+    }
+    return null;
+  };
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: renderFileEditButton()
+  });
+};
+export default MutualActionBtns;

package/lib/components/FileWindowPanel/Header/index.js

@@ -0,0 +1,118 @@
+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 { useDispatch, useSelector } from 'react-redux';
+import { Skeleton, EllipsedText } from '@scaleflex/ui/core';
+import isM1EdgyMetaVersion from '@scaleflex/widget-utils/lib/metadata/isM1EdgyMetaVersion';
+import { RegionalVariantFilters } from '@scaleflex/widget-common';
+import isUploadableFile from '@scaleflex/widget-utils/lib/isUploadableFile';
+import { fileWindowUpdated } from '../../../slices/panels.slice';
+import { metadataRegionalFiltersSet, selectMetadataRegionalFilters, selectMetadataRegionalGroups, selectMetadataVersion } from '../../../slices/metadata.slice';
+import { labelsSelectionToggled } from '../../../slices/labels.slice';
+import { collectionsDeselected } from '../../../slices/collections.slice';
+import BeforeUploadActionButtons from './BeforeUploadActionBtns';
+import AfterUploadActionBtns from './AfterUploadActionBtns';
+import { useExplorer } from '../../../hooks';
+import Styled from './FileWindowHeader.styled';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var FileWindowHeader = function FileWindowHeader(_ref) {
+  var _ref$originalFile = _ref.originalFile,
+    originalFile = _ref$originalFile === void 0 ? {} : _ref$originalFile,
+    _ref$previewedFile = _ref.previewedFile,
+    previewedFile = _ref$previewedFile === void 0 ? {} : _ref$previewedFile,
+    isPdfFile = _ref.isPdfFile,
+    isImageFile = _ref.isImageFile,
+    i18n = _ref.i18n,
+    alertUnsavedChangesFirst = _ref.alertUnsavedChangesFirst,
+    isVideoFile = _ref.isVideoFile;
+  var dispatch = useDispatch();
+  var _useExplorer = useExplorer(),
+    opts = _useExplorer.opts;
+  var isM1EdgyMeta = useSelector(function (state) {
+    return isM1EdgyMetaVersion(selectMetadataVersion(state));
+  });
+  var metaRegionalFilters = useSelector(selectMetadataRegionalFilters);
+  var metaRegionalGroups = useSelector(selectMetadataRegionalGroups);
+  var isPreUpload = isUploadableFile(originalFile);
+  var name = previewedFile.name;
+  var useAssetsPicker = opts.useAssetsPicker;
+  var isFileLoading = originalFile.loading;
+  var handleClearSelection = function handleClearSelection() {
+    dispatch(labelsSelectionToggled({
+      uuids: []
+    }));
+    dispatch(collectionsDeselected());
+  };
+  var closeFileWindow = function closeFileWindow() {
+    alertUnsavedChangesFirst(function () {
+      handleClearSelection();
+      dispatch(fileWindowUpdated(null));
+    });
+  };
+  var setMetaRegionalFilters = function setMetaRegionalFilters(metaRegionalFilters) {
+    dispatch(metadataRegionalFiltersSet(metaRegionalFilters));
+  };
+  var renderActionButtons = function renderActionButtons() {
+    var mutualProps = {
+      originalFile: originalFile,
+      isPdfFile: isPdfFile,
+      isImageFile: isImageFile,
+      alertUnsavedChangesFirst: alertUnsavedChangesFirst,
+      isPreUpload: isPreUpload,
+      isVideoFile: isVideoFile
+    };
+    if (isPreUpload) {
+      return /*#__PURE__*/_jsx(BeforeUploadActionButtons, _objectSpread({
+        closeFileWindow: closeFileWindow
+      }, mutualProps));
+    }
+    return /*#__PURE__*/_jsx(AfterUploadActionBtns, _objectSpread({
+      previewedFile: previewedFile
+    }, mutualProps));
+  };
+  if (isFileLoading) {
+    return /*#__PURE__*/_jsxs(Styled.Header, {
+      children: [/*#__PURE__*/_jsx(Styled.HeaderTitleAndLocate, {
+        children: /*#__PURE__*/_jsx(Skeleton, {
+          width: 140,
+          height: 24
+        })
+      }), /*#__PURE__*/_jsxs(Styled.HeaderRightSectionWrapper, {
+        children: [/*#__PURE__*/_jsx(Skeleton, {
+          width: 250,
+          height: 24
+        }), /*#__PURE__*/_jsx(Styled.HeaderCloseBtn, {
+          onClick: closeFileWindow
+        })]
+      })]
+    });
+  }
+  return /*#__PURE__*/_jsxs(Styled.Header, {
+    children: [/*#__PURE__*/_jsx(Styled.HeaderTitleAndLocate, {
+      children: /*#__PURE__*/_jsx(Styled.HeaderTitle, {
+        children: /*#__PURE__*/_jsx(EllipsedText, {
+          maxLinesCount: 1,
+          children: name
+        })
+      })
+    }), /*#__PURE__*/_jsxs(Styled.HeaderRightSectionWrapper, {
+      children: [!useAssetsPicker && /*#__PURE__*/_jsxs(Styled.HeaderRightSection, {
+        children: [isM1EdgyMeta && /*#__PURE__*/_jsx(Styled.RegionalVariantsWrapper, {
+          children: /*#__PURE__*/_jsx(RegionalVariantFilters, {
+            iconSize: 16,
+            groups: metaRegionalGroups,
+            filters: metaRegionalFilters,
+            onChangeFilters: setMetaRegionalFilters,
+            i18n: i18n
+          })
+        }), renderActionButtons()]
+      }), /*#__PURE__*/_jsx(Styled.HeaderCloseBtn, {
+        onClick: closeFileWindow
+      })]
+    })]
+  });
+};
+export default FileWindowHeader;

package/lib/components/FileWindowPanel/index.js

@@ -0,0 +1,60 @@
+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 { useDispatch, useSelector } from 'react-redux';
+import { SlideTransition } from '@scaleflex/widget-common';
+import { fileWindowUpdated, selectFileWindowFor } from '../../slices/panels.slice';
+import FileWindow from './FileWindow';
+import { openFileWindowFromUrl, selectCurrentFileByIdOrUuid } from '../../slices/files.slice';
+import { jsx as _jsx } from "react/jsx-runtime";
+var transitionStyle = {
+  width: '100%',
+  height: '100%',
+  maxHeight: 'unset',
+  maxWidth: 'unset'
+};
+var FileWindowPanel = function FileWindowPanel(_ref) {
+  var zIndex = _ref.zIndex;
+  var dispatch = useDispatch();
+  var originalFile = useSelector(function (state) {
+    return selectCurrentFileByIdOrUuid(state, selectFileWindowFor(state));
+  });
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isLoadingFile = _useState2[0],
+    setIsLoadingFile = _useState2[1];
+  var handleClose = function handleClose() {
+    dispatch(fileWindowUpdated(null));
+  };
+  var loadFileWindowFromUrl = function loadFileWindowFromUrl() {
+    var isFetchingPromise = dispatch(openFileWindowFromUrl());
+    if (isFetchingPromise) {
+      setIsLoadingFile(true);
+      isFetchingPromise["finally"](function () {
+        setIsLoadingFile(false);
+      });
+    }
+  };
+  useEffect(function () {
+    loadFileWindowFromUrl();
+    window.addEventListener('replacestate', loadFileWindowFromUrl);
+    return function () {
+      window.removeEventListener('replacestate', loadFileWindowFromUrl);
+    };
+  }, []);
+  return /*#__PURE__*/_jsx(SlideTransition, {
+    transitionStyle: transitionStyle,
+    zIndex: zIndex,
+    handleClose: handleClose,
+    children: (originalFile || isLoadingFile) && /*#__PURE__*/_jsx(FileWindow, {
+      originalFile: originalFile || {
+        loading: true
+      }
+    })
+  });
+};
+export default FileWindowPanel;

package/lib/components/Filters/Filters.constants.js

@@ -0,0 +1,358 @@
+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 _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 { OrientationPortrait, OrientationSquare, OrientationLandscape, OrientationPanorama, NoPeople, OnePerson, TwoPersons, Group, Success, Error, Image2, Video2, Archive, Music, File, Draft } from '@scaleflex/icons';
+import { PC } from '@scaleflex/widget-common';
+import { FILTER_CONDITIONS, METADATA_FILTER_OPERATORS } from '@scaleflex/widget-utils/lib/constants';
+import { FILTER_STATIC_DATA } from '../../utils/constants';
+export var FILTER_OPERATORS = {
+  IS: ':',
+  EQUAL: '=',
+  NOT_EQUAL: '!=',
+  RANGE: '..',
+  IS_NOT: METADATA_FILTER_OPERATORS.IS_NOT,
+  IS_EXACT: METADATA_FILTER_OPERATORS.IS_EXACT,
+  CONTAINS: METADATA_FILTER_OPERATORS.CONTAINS
+};
+export var DEFAULT_FILTER_OPERATOR = FILTER_OPERATORS.IS;
+export var FILTER_SECTION_KEYS = {
+  DATE: 'date',
+  DATE_OPTION: 'dateOption',
+  DATE_RANGE: 'dateRange',
+  MIME_TYPES: 'mimeTypes',
+  FILE_TYPES: 'fileTypes',
+  SIZE: 'size',
+  TAGS: 'tags',
+  STATUS: 'status',
+  IMAGE: 'image',
+  IMAGE_ORIENTATIONS: 'imageOrientations',
+  IMAGE_RESOLUTIONS: 'imageResolutions',
+  IMAGE_TYPE: 'imageType',
+  IMAGE_STYLE: 'imageStyle',
+  IMAGE_MAIN_COLORS: 'imageMainColors',
+  IMAGE_DOMINANT_COLORS: 'imageDominantColors',
+  IMAGE_FACES: 'imageFaces',
+  METADATA: 'metadata',
+  FOLDERS: 'folders',
+  LICENSE_EXPIRY: 'licenseExpiry'
+};
+export var MIME_TYPES = {
+  IMAGE: 'image',
+  VIDEO: 'video',
+  AUDIO: 'audio',
+  DOCUMENT: 'application',
+  ARCHIVE: 'application/zip,application/x-zip-compressed,application/vnd.rar,application/x-rar-compressed'
+};
+export var AVAILABLE_FILTER_OPERATORS = ['>', '<', '<=', '>=', FILTER_OPERATORS.NOT_EQUAL, FILTER_OPERATORS.EQUAL, FILTER_OPERATORS.IS, FILTER_OPERATORS.CONTAINS, '~~', '~~~', '~^', '~='];
+export var DATE_FILTER_TYPES = {
+  CREATED: 'created',
+  UPDATED: 'updated',
+  // KEPT FOR COMPATIBILITY (0 (was a value) => CREATED, 1 (was a value) => UPDATED, ex. DATE_FILTER_TYPES[1] => 'updated' instead of 1 prev.)
+  0: 'created',
+  1: 'updated'
+};
+export var DATE_OPTIONS_TYPE = [{
+  i18nStr: 'filterGroupDateOptionsCreated',
+  value: DATE_FILTER_TYPES.CREATED
+}, {
+  i18nStr: 'filterGroupDateOptionsUpdated',
+  value: DATE_FILTER_TYPES.UPDATED
+}];
+export var CUSTOM_DATE_RANGE_VALUE = 'custom';
+export var NONE_DATE_RANGE_VALUE = 'none';
+export var URI_FILTER_OPTIONS = [{
+  i18nStr: 'explorerFilterMetadataEmptyUriLabel',
+  value: 'empty'
+}, {
+  i18nStr: 'explorerFilterMetadataNotEmptyUriLabel',
+  value: 'non-empty'
+}];
+export var FORMAT_OPTIONS = [{
+  i18nStr: 'filterFileTypeImage',
+  value: MIME_TYPES.IMAGE,
+  Icon: Image2,
+  iconSize: 14.77,
+  iconColor: PC.Green
+}, {
+  i18nStr: 'filterFileTypeVideo',
+  value: MIME_TYPES.VIDEO,
+  Icon: Video2,
+  iconSize: 18,
+  iconColor: PC.Pink
+}, {
+  i18nStr: 'filterFileTypeAudio',
+  value: MIME_TYPES.AUDIO,
+  Icon: Music,
+  iconSize: 17.32,
+  iconColor: PC.Indigo
+}, {
+  i18nStr: 'filterFileTypeDocument',
+  value: MIME_TYPES.DOCUMENT,
+  Icon: File,
+  iconSize: 16,
+  iconColor: PC.Blue
+}, {
+  i18nStr: 'filterFileTypeArchive',
+  value: MIME_TYPES.ARCHIVE,
+  Icon: Archive,
+  iconSize: 14.5,
+  iconColor: PC.Orange
+}];
+export var DATE_FILTER_RANGES = {
+  LAST_DAY: 1,
+  LAST_7_DAYS: 2,
+  LAST_30_DAYS: 3,
+  LAST_90_DAYS: 4,
+  LAST_180_DAYS: 5
+};
+export var DATE_OPTIONS_RANGE = [{
+  i18nStr: 'filterGroupDateOptionsToday',
+  label: 'Today',
+  value: DATE_FILTER_RANGES.LAST_DAY
+}, {
+  i18nStr: 'filterGroupDateOptions7Days',
+  label: 'Last 7 days',
+  value: DATE_FILTER_RANGES.LAST_7_DAYS
+}, {
+  i18nStr: 'filterGroupDateOptions30Days',
+  label: 'Last 30 days',
+  value: DATE_FILTER_RANGES.LAST_30_DAYS
+}, {
+  i18nStr: 'filterGroupDateOptions90Days',
+  label: 'Last 90 days',
+  value: DATE_FILTER_RANGES.LAST_90_DAYS
+}, {
+  i18nStr: 'filterGroupDateOptions180Days',
+  label: 'Last 180 days',
+  value: DATE_FILTER_RANGES.LAST_180_DAYS
+}, {
+  i18nStr: 'filterGroupDateOptionsCustomRange',
+  label: 'Custom',
+  value: CUSTOM_DATE_RANGE_VALUE
+}];
+export var FORMAT_TYPES_I18N = [{
+  i18nStr: 'filterVNDAdobeFormatLabel',
+  value: ' VND.ADOBE.PHOTOSHOP'
+}, {
+  i18nStr: 'filterJPEGFormatLabel',
+  value: ' JPEG'
+}, {
+  i18nStr: 'filterTextFormatLabel',
+  value: 'TXT'
+}, {
+  i18nStr: 'filterVideoFormatLabel',
+  value: 'VIDEO'
+}];
+export var SELECT_OPERATOR = {
+  OR: 'OR',
+  AND: 'AND'
+};
+export var METADATA_FIELDS_TYPES = {
+  SELECT_ONE: 'select-one',
+  MULTI_SELECT: 'multi-select',
+  DATE: 'date',
+  TEXT: 'text',
+  TEXT_AREA: 'textarea',
+  NUMERIC: 'numeric',
+  BOOLEAN: 'boolean',
+  TAGS: 'tags',
+  URI: 'attachment-uri',
+  GEO_POINT: 'geopoint'
+};
+export var FIELD_TYPE_ORDER = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, METADATA_FIELDS_TYPES.SELECT_ONE, 1), METADATA_FIELDS_TYPES.MULTI_SELECT, 2), METADATA_FIELDS_TYPES.BOOLEAN, 3), METADATA_FIELDS_TYPES.DATE, 4), METADATA_FIELDS_TYPES.TEXT, 5), METADATA_FIELDS_TYPES.TEXT_AREA, 6), METADATA_FIELDS_TYPES.NUMERIC, 7);
+export var TEXT_FIELDS = [METADATA_FIELDS_TYPES.TEXT, METADATA_FIELDS_TYPES.TEXT_AREA];
+export var NUMERIC_BOOLEAN_FIELDS = [METADATA_FIELDS_TYPES.NUMERIC, METADATA_FIELDS_TYPES.BOOLEAN];
+export var OPERATORS_SUPPORTED_FIELDS = [METADATA_FIELDS_TYPES.SELECT_ONE, METADATA_FIELDS_TYPES.MULTI_SELECT];
+export var METADATA_MUTUAL_OPERATORS_LABELS = [{
+  i18nKey: 'metadataISOperatorLabel',
+  value: FILTER_CONDITIONS.IS
+}, {
+  i18nKey: 'metadataNOTOperatorLabel',
+  value: FILTER_CONDITIONS.NOT
+}];
+export var METADATA_ALL_OPERATORS_LABELS = [].concat(METADATA_MUTUAL_OPERATORS_LABELS, [{
+  i18nKey: 'metadataHASOperatorLabel',
+  value: FILTER_CONDITIONS.HAS,
+  allowedFields: [METADATA_FIELDS_TYPES.MULTI_SELECT]
+}]);
+export var METADATA_OPERATORS_FIELDS = _defineProperty(_defineProperty({}, METADATA_FIELDS_TYPES.SELECT_ONE, METADATA_MUTUAL_OPERATORS_LABELS), METADATA_FIELDS_TYPES.MULTI_SELECT, METADATA_ALL_OPERATORS_LABELS);
+export var METADATA_HAS_OPERATORS = [{
+  i18nKey: 'metadataANDOperatorLabel',
+  value: FILTER_CONDITIONS.AND
+}, {
+  i18nKey: 'metadataOROperatorLabel',
+  value: FILTER_CONDITIONS.OR
+}, {
+  i18nKey: 'metadataNOTOperatorLabel',
+  value: FILTER_CONDITIONS.NOT
+}];
+export var ADVANCED_METADATA_OPTIONS = [{
+  id: 'empty',
+  i18nKey: 'metadataEmptyOptionLabel'
+}, {
+  id: 'non-empty',
+  i18nKey: 'metadataNotEmptyOptionLabel'
+}];
+export var IS_OPERATOR_OPTIONS = [].concat(ADVANCED_METADATA_OPTIONS, [{
+  label: 'divider',
+  id: 'divider'
+}]);
+export var ASSET_STATUSES_OPTIONS = [{
+  i18nStr: 'filterGroupStatusOptionsApproved',
+  value: 'APPROVED',
+  Icon: Success,
+  iconSize: 18,
+  iconColor: PC.Success
+}, {
+  i18nStr: 'filterGroupStatusOptionsUnApproved',
+  value: 'REFUSED',
+  Icon: Error,
+  iconSize: 18,
+  iconColor: PC.Error
+}, {
+  i18nStr: 'filterGroupStatusOptionsDraft',
+  value: 'PENDING',
+  Icon: Draft,
+  iconSize: 18,
+  iconColor: PC.IconsSecondary
+}];
+export var IMAGE_ORIENTATIONS = {
+  PORTRAIT: 'portrait',
+  PANORAMA: 'panorama',
+  SQUARE: 'square',
+  LANDSCAPE: 'landscape'
+};
+export var ORIENTATION_OPTIONS = [
+// { i18nStr: 'mutualizedOrientationsAnyLabel', Icon: OrientationAny, iconSize: 20, value: 'any' },
+{
+  i18nStr: 'mutualizedOrientationsPortraitLabel',
+  Icon: OrientationPortrait,
+  value: IMAGE_ORIENTATIONS.PORTRAIT
+}, {
+  i18nStr: 'mutualizedOrientationsPanoramaLabel',
+  Icon: OrientationPanorama,
+  value: IMAGE_ORIENTATIONS.PANORAMA
+}, {
+  i18nStr: 'mutualizedOrientationsSquareLabel',
+  Icon: OrientationSquare,
+  value: IMAGE_ORIENTATIONS.SQUARE
+}, {
+  i18nStr: 'mutualizedOrientationsLandscapeLabel',
+  Icon: OrientationLandscape,
+  value: IMAGE_ORIENTATIONS.LANDSCAPE
+}];
+export var IMAGE_RESOLUTIONS = {
+  SMALL: 'small',
+  MEDIUM: 'medium',
+  LARGE: 'large'
+};
+export var RESOLUTION_OPTIONS = [{
+  i18nStr: 'filterGroupResolutionsOptionsSmallLabel',
+  annotation: '< 600px',
+  value: IMAGE_RESOLUTIONS.SMALL
+}, {
+  i18nStr: 'filterGroupResolutionsOptionsMediumLabel',
+  annotation: '600 - 1800px',
+  value: IMAGE_RESOLUTIONS.MEDIUM
+}, {
+  i18nStr: 'filterGroupResolutionsOptionsLargeLabel',
+  annotation: '> 1800px',
+  value: IMAGE_RESOLUTIONS.LARGE
+}];
+export var IMAGE_FACES = {
+  NO_FACES: '0',
+  ONE_FACE: '1',
+  TWO_FACES: '2',
+  ANY: '*'
+};
+export var FACES_OPTIONS = [{
+  i18nStr: 'filterGroupImagesWithFacesNoPeopleLabel',
+  Icon: NoPeople,
+  value: IMAGE_FACES.NO_FACES
+}, {
+  i18nStr: 'filterGroupImagesWithFacesOnePersonLabel',
+  Icon: OnePerson,
+  value: IMAGE_FACES.ONE_FACE
+}, {
+  i18nStr: 'filterGroupImagesWithFacesTwoPeopleLabel',
+  Icon: TwoPersons,
+  value: IMAGE_FACES.TWO_FACES
+}, {
+  i18nStr: 'filterGroupImagesWithFacesGroupLabel',
+  Icon: Group,
+  value: IMAGE_FACES.ANY
+}];
+export var IMAGE_COLORS = {
+  PURPLE: 'purple',
+  RED: 'red',
+  ORANGE: 'orange',
+  PINK: 'pink',
+  GRASS_GREEN: 'grass green',
+  YELLOW: 'yellow',
+  AZURE: 'azure',
+  CHARTREUSE: 'chartreuse',
+  TEAL: 'teal'
+};
+export var COLORS_OPTIONS = [{
+  value: IMAGE_COLORS.RED,
+  color: '#f34638'
+}, {
+  value: IMAGE_COLORS.ORANGE,
+  color: '#ff6318'
+}, {
+  value: IMAGE_COLORS.PINK,
+  color: '#ee6893'
+}, {
+  value: IMAGE_COLORS.GRASS_GREEN,
+  color: '#2fb14b'
+}, {
+  value: IMAGE_COLORS.YELLOW,
+  color: '#ffda27'
+}, {
+  value: IMAGE_COLORS.AZURE,
+  color: '#0980fb'
+}, {
+  value: IMAGE_COLORS.CHARTREUSE,
+  color: '#d1d951'
+}, {
+  value: IMAGE_COLORS.TEAL,
+  color: '#26a5a9'
+}, {
+  value: IMAGE_COLORS.PURPLE,
+  color: '#a826b2'
+}];
+export var FILTERS_TYPES_KEYS_AND_I18N = {
+  ANY_SELECTED: 'mutualizedAnySelectedText',
+  ALL_SELECTED: 'mutualizedAllSelectedText'
+};
+export var FILTER_KEY_WITH_STATIC_VALUES = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, FILTER_SECTION_KEYS.DATE_OPTION, DATE_FILTER_TYPES), FILTER_SECTION_KEYS.DATE_RANGE, DATE_FILTER_RANGES), FILTER_SECTION_KEYS.MIME_TYPES, MIME_TYPES), FILTER_SECTION_KEYS.IMAGE_ORIENTATIONS, IMAGE_ORIENTATIONS), FILTER_SECTION_KEYS.IMAGE_RESOLUTIONS, IMAGE_RESOLUTIONS), FILTER_SECTION_KEYS.IMAGE_MAIN_COLORS, IMAGE_COLORS), FILTER_SECTION_KEYS.IMAGE_DOMINANT_COLORS, IMAGE_COLORS), FILTER_SECTION_KEYS.IMAGE_FACES, IMAGE_FACES);
+export var SELECT_FIELDS_TYPES = [METADATA_FIELDS_TYPES.SELECT_ONE, METADATA_FIELDS_TYPES.MULTI_SELECT];
+export var BOOLEAN_FIELD_TYPE = 'boolean';
+export var FACETED_SEARCH_METADATA_FIELDS = [].concat(SELECT_FIELDS_TYPES, [BOOLEAN_FIELD_TYPE]);
+export var IMAGE_FILTERS_KEYS = [FILTER_SECTION_KEYS.IMAGE_ORIENTATIONS, FILTER_SECTION_KEYS.IMAGE_RESOLUTIONS, FILTER_SECTION_KEYS.IMAGE_FACES, FILTER_SECTION_KEYS.IMAGE_MAIN_COLORS, FILTER_SECTION_KEYS.IMAGE_DOMINANT_COLORS];
+export var FILTERS_WITHOUT_COUNT = [FILTER_SECTION_KEYS.DATE, FILTER_SECTION_KEYS.SIZE, FILTER_SECTION_KEYS.LICENSE_EXPIRY];
+export var STATIC_OPTIONS_DATA = {
+  EMPTY: {
+    api_value: FILTER_STATIC_DATA.EMPTY,
+    i18nLabel: 'metadataEmptyOptionLabel'
+  },
+  NOT_EMPTY: {
+    api_value: FILTER_STATIC_DATA.NOT_EMPTY,
+    i18nLabel: 'metadataNotEmptyOptionLabel'
+  }
+};
+export var STATIC_OPTIONS = [STATIC_OPTIONS_DATA.EMPTY, STATIC_OPTIONS_DATA.NOT_EMPTY];
+export var DIVIDER = {
+  api_value: 'divider',
+  value: 'divider',
+  divider: true
+};
+export var FILTER_IS_CONDITION = {
+  label: 'metadataISOperatorLabel',
+  value: FILTER_CONDITIONS.IS
+};
+export var FILTER_CONDITIONS_OPTIONS = [FILTER_IS_CONDITION, {
+  label: 'metadataIsNOTOperatorLabel',
+  value: FILTER_CONDITIONS.IS_NOT
+}];