@scaleflex/widget-explorer 4.4.0 → 4.5.1

package/lib/components/Filters/Groups/Image/index.js

@@ -0,0 +1,104 @@
+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; }
+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, useMemo } from 'react';
+import { openLinkInNewTab } from '@scaleflex/widget-utils/lib/openLinkInNewTab';
+import { useExplorerI18n } from '../../../../hooks';
+import Orientations from './Orientations';
+import Colors from './Colors';
+import Resolutions from './Resolutions';
+import Faces from './Faces';
+import FilterFooter from '../common/FilterFooter';
+import { IMAGE_FILTERS_KEYS } from '../../Filters.constants';
+import { getFilterVal, isAnyImageFilterApplied } from '../../Filters.utils';
+import { FiltersContext } from '../../FiltersContext';
+import Styled from '../../Filters.styled';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var Image = function Image(_ref) {
+  var appliedFilters = _ref.appliedFilters,
+    updateFilters = _ref.updateFilters;
+  var i18n = useExplorerI18n();
+  var _useContext = useContext(FiltersContext),
+    isDisabledFiltersAndSearch = _useContext.isDisabledFiltersAndSearch,
+    isForcedFilters = _useContext.isForcedFilters,
+    defaultFilters = _useContext.defaultFilters;
+  var isApplied = useMemo(function () {
+    return isAnyImageFilterApplied(appliedFilters, isForcedFilters && defaultFilters);
+  }, [appliedFilters, defaultFilters, isForcedFilters]);
+  var clickLearnMore = function clickLearnMore() {
+    openLinkInNewTab(i18n('mutualizedFilterImageLearnMoreLinkHref'));
+  };
+  var updateImageFilters = function updateImageFilters(key, values) {
+    if (isDisabledFiltersAndSearch) {
+      return;
+    }
+    var newFilters = _objectSpread({}, appliedFilters);
+    if (values.length === 0) {
+      delete newFilters[key];
+    } else if (isForcedFilters) {
+      newFilters[key] = _toConsumableArray(new Set([].concat(_toConsumableArray(values), _toConsumableArray(getFilterVal(defaultFilters[key], [])))));
+    } else {
+      newFilters[key] = _objectSpread(_objectSpread({}, newFilters[key]), {}, {
+        value: values
+      });
+    }
+    updateFilters(newFilters);
+  };
+  var clearTypeAndFormat = function clearTypeAndFormat() {
+    if (isDisabledFiltersAndSearch) {
+      return;
+    }
+    var newFilters = _objectSpread({}, appliedFilters);
+    IMAGE_FILTERS_KEYS.forEach(function (key) {
+      delete newFilters[key];
+    });
+    newFilters = _objectSpread(_objectSpread({}, newFilters), isForcedFilters && defaultFilters);
+    updateFilters(newFilters);
+  };
+  return /*#__PURE__*/_jsxs(Styled.Filter, {
+    className: "filerobot-Provider-Filters-Image",
+    maxHeight: 458,
+    $width: 648,
+    children: [/*#__PURE__*/_jsxs(Styled.ImageFilterBody, {
+      className: "filerobot-Explorer-Filters-filterBody",
+      children: [/*#__PURE__*/_jsxs(Styled.ImageMainOperationsWrapper, {
+        children: [/*#__PURE__*/_jsx(Orientations, {
+          onChange: updateImageFilters,
+          isForcedFilters: isForcedFilters,
+          isDisabledFiltersAndSearch: isDisabledFiltersAndSearch,
+          appliedFilters: appliedFilters
+        }), /*#__PURE__*/_jsx(Resolutions, {
+          onChange: updateImageFilters,
+          isForcedFilters: isForcedFilters,
+          isDisabledFiltersAndSearch: isDisabledFiltersAndSearch,
+          appliedFilters: appliedFilters
+        }), /*#__PURE__*/_jsx(Faces, {
+          onChange: updateImageFilters,
+          isForcedFilters: isForcedFilters,
+          isDisabledFiltersAndSearch: isDisabledFiltersAndSearch,
+          appliedFilters: appliedFilters
+        })]
+      }), /*#__PURE__*/_jsx(Colors, {
+        onChange: updateImageFilters,
+        isForcedFilters: isForcedFilters,
+        isDisabledFiltersAndSearch: isDisabledFiltersAndSearch,
+        appliedFilters: appliedFilters
+      })]
+    }), /*#__PURE__*/_jsx(FilterFooter, {
+      infoMsgText: i18n('filtersImageFooterInfoText'),
+      onClickLearnMore: clickLearnMore,
+      onClear: clearTypeAndFormat,
+      disabledClearBtn: isDisabledFiltersAndSearch || !isApplied
+    })]
+  });
+};
+export default Image;

package/lib/components/Filters/Groups/LicenseExpiry/LicenseExpiry.styled.js

@@ -0,0 +1,17 @@
+var _templateObject, _templateObject2;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import { FV, PC } from '@scaleflex/widget-common';
+import styled from 'styled-components';
+var FieldRowWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: baseline;\n  gap: 12px;\n"])));
+var FieldLabel = styled.span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", ";\n  color: ", ";\n"])), function (_ref) {
+  var theme = _ref.theme;
+  return theme.typography.font[FV.InputMd];
+}, function (_ref2) {
+  var theme = _ref2.theme;
+  return theme.palette[PC.TextSecondary];
+});
+var Styled = {
+  FieldRowWrapper: FieldRowWrapper,
+  FieldLabel: FieldLabel
+};
+export default Styled;

package/lib/components/Filters/Groups/LicenseExpiry/index.js

@@ -0,0 +1,97 @@
+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); }
+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 { useContext, useState } from 'react';
+import { useSelector } from 'react-redux';
+import FilterFooter from '../common/FilterFooter';
+import { useExplorer } from '../../../../hooks';
+import StyledFilters from '../../Filters.styled';
+import Styled from './LicenseExpiry.styled';
+import { selectMetaMappedLicenseExpireDateField } from '../../../../slices/metadata.slice';
+import { FILTER_SECTION_KEYS } from '../../Filters.constants';
+import DateRangeField from '../common/DateRangeField';
+import { FiltersContext } from '../../FiltersContext';
+import { getFilterVal } from '../../Filters.utils';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var defaultValue = {
+  operator: '',
+  value: ''
+};
+var areSameValues = function areSameValues(val1, val2) {
+  return JSON.stringify(val1) === JSON.stringify(val2);
+};
+var LicenseExpiry = function LicenseExpiry(_ref) {
+  var appliedFilters = _ref.appliedFilters,
+    updateFilters = _ref.updateFilters;
+  var _useExplorer = useExplorer(),
+    i18n = _useExplorer.i18n;
+  var _useContext = useContext(FiltersContext),
+    isForcedFilters = _useContext.isForcedFilters,
+    isDisabledFiltersAndSearch = _useContext.isDisabledFiltersAndSearch,
+    defaultFilters = _useContext.defaultFilters,
+    requestClose = _useContext.requestClose;
+  var licenseExpiryField = useSelector(selectMetaMappedLicenseExpireDateField);
+  var appliedLicenseExpiry = appliedFilters[FILTER_SECTION_KEYS.LICENSE_EXPIRY];
+  var _useState = useState(appliedLicenseExpiry || defaultValue),
+    _useState2 = _slicedToArray(_useState, 2),
+    filterData = _useState2[0],
+    setFilterData = _useState2[1];
+  var isLicenseExpiryFilterDisabled = isDisabledFiltersAndSearch || isForcedFilters && getFilterVal(defaultFilters[FILTER_SECTION_KEYS.LICENSE_EXPIRY], '');
+  var areButtonsDisabled = isLicenseExpiryFilterDisabled || !getFilterVal(filterData);
+  var isApplyButtonDisabled = areButtonsDisabled || !filterData.value || areSameValues(filterData.value, appliedLicenseExpiry === null || appliedLicenseExpiry === void 0 ? void 0 : appliedLicenseExpiry.value);
+  var clearField = function clearField() {
+    if (isLicenseExpiryFilterDisabled) return;
+    var newFilters = _objectSpread({}, appliedFilters);
+    delete newFilters[FILTER_SECTION_KEYS.LICENSE_EXPIRY];
+    updateFilters(newFilters);
+    setFilterData(defaultValue);
+  };
+  var updateFilterData = function updateFilterData(newFilterData) {
+    setFilterData(newFilterData);
+  };
+  var applyLicenseExpiryFilter = function applyLicenseExpiryFilter() {
+    if (isLicenseExpiryFilterDisabled) return;
+    var newFilters = _objectSpread({}, appliedFilters);
+    var currentFilterData = newFilters[FILTER_SECTION_KEYS.LICENSE_EXPIRY];
+    newFilters[FILTER_SECTION_KEYS.LICENSE_EXPIRY] = _objectSpread(_objectSpread({
+      internalKey: licenseExpiryField.key
+    }, currentFilterData), filterData);
+    updateFilters(newFilters);
+    requestClose();
+  };
+  return /*#__PURE__*/_jsxs(StyledFilters.Filter, {
+    $width: 450,
+    children: [/*#__PURE__*/_jsxs(StyledFilters.FilterBody, {
+      className: "filerobot-Explorer-Filters-filterBody",
+      children: [/*#__PURE__*/_jsx(StyledFilters.FilterLabel, {
+        className: "filerobot-Explorer-Filters-filterLabel",
+        children: i18n('explorerFiltersLicenseExpirySectionHeader')
+      }), /*#__PURE__*/_jsxs(Styled.FieldRowWrapper, {
+        children: [/*#__PURE__*/_jsx(Styled.FieldLabel, {
+          children: i18n('explorerLicenseExpiryFilterDateLabel')
+        }), licenseExpiryField && /*#__PURE__*/_jsx(DateRangeField, {
+          field: licenseExpiryField,
+          currentValue: filterData.value,
+          onUpdate: updateFilterData,
+          isDisabled: isLicenseExpiryFilterDisabled
+        })]
+      })]
+    }), /*#__PURE__*/_jsx(FilterFooter, {
+      showApplyBtn: true,
+      onApply: applyLicenseExpiryFilter,
+      onClear: clearField,
+      disabledApplyBtn: isApplyButtonDisabled,
+      disabledClearBtn: areButtonsDisabled
+    })]
+  });
+};
+export default LicenseExpiry;

package/lib/components/Filters/Groups/Metadata/Advanced/ConditionSelector.js

@@ -0,0 +1,40 @@
+import { useContext, useMemo } from 'react';
+import { MenuItem, SelectGroup } from '@scaleflex/ui/core';
+import { FILTER_CONDITIONS } from '@scaleflex/widget-utils/lib/constants';
+import { useExplorerI18n } from '../../../../../hooks';
+import { MetadataFiltersContext } from '../MetadataFiltersContext';
+import { getFieldConditionsOptions } from '../Metadata.utils';
+import { FIELDS_WITH_CONDITIONS } from '../Metadata.constants';
+import { jsx as _jsx } from "react/jsx-runtime";
+var ConditionSelector = function ConditionSelector(_ref) {
+  var row = _ref.row;
+  var i18n = useExplorerI18n();
+  var _useContext = useContext(MetadataFiltersContext),
+    updateFilterCondition = _useContext.updateFilterCondition,
+    isMetadataDisabled = _useContext.isMetadataDisabled;
+  var key = row.key,
+    condition = row.condition,
+    type = row.type;
+  var disabled = !type || !FIELDS_WITH_CONDITIONS.includes(type) || isMetadataDisabled(key);
+  var conditionsOptions = useMemo(function () {
+    return getFieldConditionsOptions(type);
+  }, [type]);
+  return /*#__PURE__*/_jsx(SelectGroup, {
+    size: "sm",
+    fullWidth: true,
+    disabled: disabled,
+    value: condition || FILTER_CONDITIONS.IS,
+    onChange: function onChange(newValue) {
+      return updateFilterCondition(key, newValue);
+    },
+    children: conditionsOptions.map(function (_ref2) {
+      var label = _ref2.label,
+        value = _ref2.value;
+      return /*#__PURE__*/_jsx(MenuItem, {
+        value: value,
+        children: i18n(label)
+      }, value);
+    })
+  });
+};
+export default ConditionSelector;

package/lib/components/Filters/Groups/Metadata/Advanced/ExtraRow/ConditionSelector.js

@@ -0,0 +1,35 @@
+import { useContext } from 'react';
+import { MenuItem, SelectGroup } from '@scaleflex/ui/core';
+import { EXTRA_CONDITIONS } from '@scaleflex/widget-utils/lib/constants';
+import { useExplorerI18n } from '../../../../../../hooks';
+import { MetadataFiltersContext } from '../../MetadataFiltersContext';
+import { EXTRA_CONDITIONS_OPTIONS } from '../../Metadata.constants';
+import { jsx as _jsx } from "react/jsx-runtime";
+var ConditionSelector = function ConditionSelector(_ref) {
+  var row = _ref.row;
+  var i18n = useExplorerI18n();
+  var _useContext = useContext(MetadataFiltersContext),
+    updateFilterExtraCondition = _useContext.updateFilterExtraCondition;
+  var key = row.key,
+    _row$extraCondition = row.extraCondition,
+    extraCondition = _row$extraCondition === void 0 ? EXTRA_CONDITIONS.NOT : _row$extraCondition;
+  return /*#__PURE__*/_jsx(SelectGroup, {
+    size: "sm",
+    fullWidth: true,
+    disabled: true // disabled as we don't have more conditions for contains
+    ,
+    value: extraCondition,
+    onChange: function onChange(newValue) {
+      return updateFilterExtraCondition(key, newValue);
+    },
+    children: EXTRA_CONDITIONS_OPTIONS.map(function (_ref2) {
+      var label = _ref2.label,
+        value = _ref2.value;
+      return /*#__PURE__*/_jsx(MenuItem, {
+        value: value,
+        children: i18n(label)
+      }, value);
+    })
+  });
+};
+export default ConditionSelector;

package/lib/components/Filters/Groups/Metadata/Advanced/ExtraRow/ValueSelector.js

@@ -0,0 +1,33 @@
+import { useContext, useMemo } from 'react';
+import { MenuItem, SelectGroup } from '@scaleflex/ui/core';
+import { MetadataFiltersContext } from '../../MetadataFiltersContext';
+import { jsx as _jsx } from "react/jsx-runtime";
+var ValueSelector = function ValueSelector(_ref) {
+  var row = _ref.row;
+  var extraValue = row.extraValue,
+    key = row.key;
+  var _useContext = useContext(MetadataFiltersContext),
+    updateFilterExtraValue = _useContext.updateFilterExtraValue,
+    getExtraOptions = _useContext.getExtraOptions;
+  var extraOptions = useMemo(function () {
+    return getExtraOptions(row);
+  }, [row]);
+  return /*#__PURE__*/_jsx(SelectGroup, {
+    multiple: true,
+    size: "sm",
+    fullWidth: true,
+    value: extraValue,
+    onChange: function onChange(newValue) {
+      return updateFilterExtraValue(key, newValue);
+    },
+    children: extraOptions.map(function (_ref2) {
+      var label = _ref2.label,
+        apiValue = _ref2.api_value;
+      return /*#__PURE__*/_jsx(MenuItem, {
+        value: apiValue,
+        children: label
+      }, apiValue);
+    })
+  });
+};
+export default ValueSelector;

package/lib/components/Filters/Groups/Metadata/Advanced/ExtraRow/index.js

@@ -0,0 +1,18 @@
+import { useIsSmallScreen } from '../../../../../../hooks';
+import Styled from '../../Metadata.styled';
+import ConditionSelector from './ConditionSelector';
+import ValueSelector from './ValueSelector';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var ExtraRow = function ExtraRow(_ref) {
+  var row = _ref.row;
+  var isWidgetSmallSize = useIsSmallScreen();
+  return /*#__PURE__*/_jsxs(Styled.ExtraRowWrapper, {
+    isWidgetSmallSize: isWidgetSmallSize,
+    children: [/*#__PURE__*/_jsx("div", {}), " ", /*#__PURE__*/_jsx(ConditionSelector, {
+      row: row
+    }), /*#__PURE__*/_jsx(ValueSelector, {
+      row: row
+    })]
+  });
+};
+export default ExtraRow;

package/lib/components/Filters/Groups/Metadata/Advanced/Field/AutoComplete.js

@@ -0,0 +1,56 @@
+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 { useContext, useMemo } from 'react';
+import { Autocomplete as SfxAutoComplete } from '@scaleflex/ui/core';
+import removeDuplicatesFromArray from '@scaleflex/widget-utils/lib/removeDuplicatesFromArray';
+import { MetadataFiltersContext } from '../../MetadataFiltersContext';
+import { useExplorerI18n } from '../../../../../../hooks';
+import { getAutoCompleteLabel, getAutoCompleteValue, getDefaultPlaceholder, getSelectValue } from '../../Metadata.utils';
+import { getStaticOptions } from '../../../../Filters.utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+var AutoComplete = function AutoComplete(_ref) {
+  var row = _ref.row;
+  var i18n = useExplorerI18n();
+  var _useContext = useContext(MetadataFiltersContext),
+    updateFilterValue = _useContext.updateFilterValue,
+    getOptions = _useContext.getOptions,
+    isMetadataDisabled = _useContext.isMetadataDisabled;
+  var value = row.value,
+    key = row.key;
+  var _useMemo = useMemo(function () {
+      var staticOptions = getStaticOptions(row);
+      var mergedOptions = [].concat(_toConsumableArray(staticOptions), _toConsumableArray(getOptions(row)));
+      var sanitizedOptions = removeDuplicatesFromArray(mergedOptions, 'api_value');
+      return {
+        options: sanitizedOptions,
+        dynamicOptions: sanitizedOptions.slice(staticOptions.length)
+      };
+    }, [row]),
+    options = _useMemo.options,
+    dynamicOptions = _useMemo.dynamicOptions;
+  var changeAutoCompleteValue = function changeAutoCompleteValue(newValue) {
+    updateFilterValue(key, getSelectValue(newValue));
+  };
+  var handleSelectAll = function handleSelectAll() {
+    updateFilterValue(key, dynamicOptions.map(getAutoCompleteValue));
+  };
+  return /*#__PURE__*/_jsx(SfxAutoComplete, {
+    fullWidth: true,
+    multiple: true,
+    size: "sm",
+    options: options,
+    value: value,
+    disabled: isMetadataDisabled(key),
+    maxMenuHeight: 280,
+    placeholder: getDefaultPlaceholder(row, i18n),
+    getOptionLabel: getAutoCompleteLabel(i18n),
+    getOptionValue: getAutoCompleteValue,
+    onChange: changeAutoCompleteValue,
+    onSelectAll: handleSelectAll
+  });
+};
+export default AutoComplete;

package/lib/components/Filters/Groups/Metadata/Advanced/Field/Boolean.js

@@ -0,0 +1,35 @@
+import { useContext } from 'react';
+import { MenuItem } from '@scaleflex/ui/core';
+import { MetadataFiltersContext } from '../../MetadataFiltersContext';
+import { useExplorerI18n } from '../../../../../../hooks';
+import { BOOLEAN_OPTIONS } from '../../Metadata.constants';
+import Styled from '../../Metadata.styled';
+import { jsx as _jsx } from "react/jsx-runtime";
+var Boolean = function Boolean(_ref) {
+  var row = _ref.row;
+  var i18n = useExplorerI18n();
+  var _useContext = useContext(MetadataFiltersContext),
+    updateFilterValue = _useContext.updateFilterValue,
+    isMetadataDisabled = _useContext.isMetadataDisabled;
+  var activeValue = row.value,
+    key = row.key;
+  return /*#__PURE__*/_jsx(Styled.BooleanSelectGroup, {
+    size: "sm",
+    fullWidth: true,
+    disabled: isMetadataDisabled(key),
+    value: activeValue,
+    onChange: function onChange(newValue) {
+      return updateFilterValue(key, newValue);
+    },
+    showClearIcon: true,
+    children: BOOLEAN_OPTIONS.map(function (_ref2) {
+      var label = _ref2.label,
+        value = _ref2.value;
+      return /*#__PURE__*/_jsx(MenuItem, {
+        value: value,
+        children: i18n(label)
+      }, value);
+    })
+  });
+};
+export default Boolean;

package/lib/components/Filters/Groups/Metadata/Advanced/Field/Date.js

@@ -0,0 +1,36 @@
+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 { MetadataFiltersContext } from '../../MetadataFiltersContext';
+import DateRangeField from '../../../common/DateRangeField';
+import { jsx as _jsx } from "react/jsx-runtime";
+var updateDateValue = function updateDateValue(_ref) {
+  var updateFilterValue = _ref.updateFilterValue,
+    key = _ref.key,
+    value = _ref.value,
+    operator = _ref.operator;
+  updateFilterValue(key, value, operator);
+};
+var Date = function Date(_ref2) {
+  var row = _ref2.row;
+  var key = row.key;
+  var _useContext = useContext(MetadataFiltersContext),
+    updateFilterValue = _useContext.updateFilterValue,
+    isMetadataDisabled = _useContext.isMetadataDisabled;
+  var onUpdateValue = function onUpdateValue(newValueWithOperator) {
+    return updateDateValue(_objectSpread({
+      updateFilterValue: updateFilterValue,
+      key: key
+    }, newValueWithOperator));
+  };
+  return /*#__PURE__*/_jsx(DateRangeField, {
+    field: row,
+    onUpdate: onUpdateValue,
+    isDisabled: isMetadataDisabled(key)
+  });
+};
+export default Date;

package/lib/components/Filters/Groups/Metadata/Advanced/Field/GeoPointField.js

@@ -0,0 +1,30 @@
+import { useContext } from 'react';
+import { MetadataGeoPointField } from '@scaleflex/widget-common/lib/MetaData/MetaDataFieldTypes';
+import { useExplorerI18n } from '../../../../../../hooks';
+import { MetadataFiltersContext } from '../../MetadataFiltersContext';
+import { getDefaultPlaceholder } from '../../Metadata.utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+var GeoPointField = function GeoPointField(_ref) {
+  var row = _ref.row;
+  var i18n = useExplorerI18n();
+  var _useContext = useContext(MetadataFiltersContext),
+    updateFilterValue = _useContext.updateFilterValue,
+    isMetadataDisabled = _useContext.isMetadataDisabled;
+  var _row$value = row.value,
+    value = _row$value === void 0 ? '' : _row$value,
+    key = row.key;
+  var enhancedValue = value.replace('~', '');
+  var onChangeHandler = function onChangeHandler(geoPoint) {
+    updateFilterValue(key, geoPoint);
+  };
+  return /*#__PURE__*/_jsx(MetadataGeoPointField, {
+    onChange: onChangeHandler,
+    value: enhancedValue,
+    size: "sm",
+    i18n: i18n,
+    disabled: isMetadataDisabled(key),
+    placeholder: getDefaultPlaceholder(row, i18n),
+    showDistanceField: true
+  });
+};
+export default GeoPointField;

package/lib/components/Filters/Groups/Metadata/Advanced/Field/Numeric.js

@@ -0,0 +1,32 @@
+import { useContext } from 'react';
+import { InputGroup } from '@scaleflex/ui/core';
+import { useExplorerI18n } from '../../../../../../hooks';
+import { isValidNumber } from '../../../../../../utils/filters';
+import { getDefaultPlaceholder } from '../../Metadata.utils';
+import { MetadataFiltersContext } from '../../MetadataFiltersContext';
+import { jsx as _jsx } from "react/jsx-runtime";
+var Numeric = function Numeric(_ref) {
+  var row = _ref.row;
+  var i18n = useExplorerI18n();
+  var _useContext = useContext(MetadataFiltersContext),
+    updateFilterValue = _useContext.updateFilterValue,
+    isMetadataDisabled = _useContext.isMetadataDisabled;
+  var key = row.key,
+    _row$value = row.value,
+    value = _row$value === void 0 ? '' : _row$value;
+  var updateMetadata = function updateMetadata(event) {
+    var value = event.target.value;
+    if (isValidNumber(value)) {
+      updateFilterValue(key, value);
+    }
+  };
+  return /*#__PURE__*/_jsx(InputGroup, {
+    fullWidth: true,
+    size: "sm",
+    disabled: isMetadataDisabled(key),
+    placeholder: getDefaultPlaceholder(row, i18n),
+    value: value,
+    onChange: updateMetadata
+  });
+};
+export default Numeric;

package/lib/components/Filters/Groups/Metadata/Advanced/Field/Select.js

@@ -0,0 +1,55 @@
+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 { useContext, useMemo } from 'react';
+import { EllipsedText, MenuItem, SelectGroup } from '@scaleflex/ui/core';
+import removeDuplicatesFromArray from '@scaleflex/widget-utils/lib/removeDuplicatesFromArray';
+import { MetadataFiltersContext } from '../../MetadataFiltersContext';
+import { useExplorerI18n } from '../../../../../../hooks';
+import { getDefaultPlaceholder, getSelectValue } from '../../Metadata.utils';
+import { getStaticOptions } from '../../../../Filters.utils';
+import { jsx as _jsx } from "react/jsx-runtime";
+var Select = function Select(_ref) {
+  var row = _ref.row;
+  var i18n = useExplorerI18n();
+  var value = row.value,
+    key = row.key;
+  var _useContext = useContext(MetadataFiltersContext),
+    updateFilterValue = _useContext.updateFilterValue,
+    isExistKey = _useContext.isExistKey,
+    getOptions = _useContext.getOptions,
+    isMetadataDisabled = _useContext.isMetadataDisabled;
+  var options = useMemo(function () {
+    var mergedOptions = [].concat(_toConsumableArray(getStaticOptions(row)), _toConsumableArray(getOptions(row)));
+    return removeDuplicatesFromArray(mergedOptions, 'api_value');
+  }, [row]);
+  var changeSelectValue = function changeSelectValue(newValue) {
+    updateFilterValue(key, getSelectValue(newValue));
+  };
+  return /*#__PURE__*/_jsx(SelectGroup, {
+    multiple: true,
+    size: "sm",
+    placeholder: getDefaultPlaceholder(row, i18n),
+    fullWidth: true,
+    disabled: !isExistKey(key) || isMetadataDisabled(key),
+    value: value,
+    onChange: changeSelectValue,
+    children: options.map(function (_ref2) {
+      var label = _ref2.label,
+        i18nLabel = _ref2.i18nLabel,
+        apiValue = _ref2.api_value,
+        divider = _ref2.divider;
+      return /*#__PURE__*/_jsx(MenuItem, {
+        value: apiValue,
+        children: divider ? null : /*#__PURE__*/_jsx(EllipsedText, {
+          maxLinesCount: 1,
+          children: i18nLabel ? i18n(i18nLabel) : label
+        })
+      }, "".concat(apiValue, " - ").concat(i18nLabel));
+    })
+  });
+};
+export default Select;

package/lib/components/Filters/Groups/Metadata/Advanced/Field/Tags.js

@@ -0,0 +1,21 @@
+import { useContext } from 'react';
+import TagsField from '../../common/TagsField';
+import { MetadataFiltersContext } from '../../MetadataFiltersContext';
+import { jsx as _jsx } from "react/jsx-runtime";
+var Tags = function Tags(_ref) {
+  var row = _ref.row;
+  var _useContext = useContext(MetadataFiltersContext),
+    updateFilterValue = _useContext.updateFilterValue;
+  var key = row.key,
+    value = row.value,
+    cKey = row.ckey;
+  var updateMetadata = function updateMetadata(values) {
+    updateFilterValue(key, values);
+  };
+  return /*#__PURE__*/_jsx(TagsField, {
+    cKey: cKey,
+    value: value,
+    onUpdate: updateMetadata
+  }, key);
+};
+export default Tags;