@commercetools-frontend-extensions/change-history 8.32.1 → 8.33.0

package/dist/commercetools-frontend-extensions-change-history.cjs.prod.js

@@ -85,11 +85,11 @@ require('@babel/runtime-corejs3/core-js-stable/parse-int');
 var icons = require('@commercetools-uikit/icons');
 var _valuesInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/values');
 var formik = require('formik');
-var DataTableManager = require('@commercetools-uikit/data-table-manager');
 var dataTableManagerProvider = require('@commercetools-uikit/data-table-manager/data-table-manager-provider');
 var has = require('lodash/has');
-var _Array$from = require('@babel/runtime-corejs3/core-js-stable/array/from');
 var isFunction = require('lodash/isFunction');
+var DataTableManager = require('@commercetools-uikit/data-table-manager');
+var _Array$from = require('@babel/runtime-corejs3/core-js-stable/array/from');
 var LeadingIcon = require('@commercetools-uikit/icons/leading-icon');
 var commonTags = require('common-tags');
 var i18n = require('@commercetools-frontend/i18n');
@@ -146,14 +146,14 @@ var orderBy__default = /*#__PURE__*/_interopDefault(orderBy);
 var kebabCase__default = /*#__PURE__*/_interopDefault(kebabCase);
 var debounce__default = /*#__PURE__*/_interopDefault(debounce);
 var _valuesInstanceProperty__default = /*#__PURE__*/_interopDefault(_valuesInstanceProperty);
-var DataTableManager__default = /*#__PURE__*/_interopDefault(DataTableManager);
 var has__default = /*#__PURE__*/_interopDefault(has);
-var _Array$from__default = /*#__PURE__*/_interopDefault(_Array$from);
 var isFunction__default = /*#__PURE__*/_interopDefault(isFunction);
+var DataTableManager__default = /*#__PURE__*/_interopDefault(DataTableManager);
+var _Array$from__default = /*#__PURE__*/_interopDefault(_Array$from);
 var LeadingIcon__default = /*#__PURE__*/_interopDefault(LeadingIcon);
 
 // NOTE: This string will be replaced in the `prepare` script by the `scripts/version.js` file.
-var version = "8.32.1";
+var version = "8.33.0";
 
 // EXAMPLE
 // export const FEATURE_FLAG_NAME = 'featureFlagName';
@@ -1984,7 +1984,7 @@ const CustomTypeChange = props => {
 CustomTypeChange.displayName = 'CustomTypeChange';
 CustomTypeChange.propTypes = {};
 
-var _ref$d = {
+var _ref$c = {
   name: "1089mxj",
   styles: "white-space:pre-wrap"
 } ;
@@ -1993,7 +1993,7 @@ const JsonDisplay = props => {
   return typeof props.value === 'string' ? jsxRuntime.jsx("div", {
     children: _JSON$stringify__default["default"](props.value, null, 2)
   }) : jsxRuntime.jsx("div", {
-    css: _ref$d,
+    css: _ref$c,
     children: jsxRuntime.jsx("code", {
       children: _JSON$stringify__default["default"](props.value, null, 2)
     })
@@ -2908,7 +2908,7 @@ const ChannelChanges = props => {
 ChannelChanges.displayName = 'ChannelChanges';
 ChannelChanges.propTypes = {};
 
-var _ref$c = {
+var _ref$b = {
   name: "152otic",
   styles: "height:calc(100vh - 301px);width:100%;overflow-y:auto"
 } ;
@@ -2920,7 +2920,7 @@ const ChangePanel = props => jsxRuntime.jsx(uiKit.CollapsiblePanel, {
     intlMessage: props.intlMessage
   }),
   children: jsxRuntime.jsx("div", {
-    css: _ref$c,
+    css: _ref$b,
     children: props.children
   })
 });
@@ -13354,7 +13354,7 @@ BusinessUnitCell.displayName = 'BusinessUnitCell';
 
 function ownKeys$D(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$D(e) { for (var r = 1; r < arguments.length; r++) { var _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context2 = ownKeys$D(Object(t), !0)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context3 = ownKeys$D(Object(t))).call(_context3, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-var _ref$b = {
+var _ref$a = {
   name: "1h52dri",
   styles: "overflow:hidden;text-overflow:ellipsis;white-space:nowrap"
 } ;
@@ -13363,7 +13363,7 @@ const ChangeItem = props => {
   const changeMessage = `${props.changeName}Label`;
   if (props.isWrappingChange) return jsxRuntime.jsx(uiKit.Text.Detail, {
     children: jsxRuntime.jsx("div", {
-      css: _ref$b,
+      css: _ref$a,
       children: changeMessages[changeMessage] ? jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$D({}, changeMessages[changeMessage])) : props.changeName
     })
   });
@@ -13431,8 +13431,8 @@ ChangeItem.displayName = 'ChangeItem';
 
 function ownKeys$C(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$C(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$C(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$C(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-function _callSuper$2(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$2() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct$2() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$2 = function () { return !!t; })(); }
+function _callSuper$1(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$1() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct$1() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$1 = function () { return !!t; })(); }
 let ChangeItemErrorBoundary = /*#__PURE__*/function (_Component) {
   function ChangeItemErrorBoundary() {
     var _this;
@@ -13440,7 +13440,7 @@ let ChangeItemErrorBoundary = /*#__PURE__*/function (_Component) {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper$2(this, ChangeItemErrorBoundary, [...args]);
+    _this = _callSuper$1(this, ChangeItemErrorBoundary, [...args]);
     _this.state = {
       hasError: false
     };
@@ -13901,7 +13901,7 @@ var messages$q = reactIntl.defineMessages({
   anonymousLabel: messages$r.anonymousLabel
 });
 
-var _ref$a = {
+var _ref$9 = {
   name: "um674b",
   styles: "overflow:hidden;& div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}"
 } ;
@@ -13945,7 +13945,7 @@ const ModifiedByCellContent = _ref2 => {
         })
       })
     }), jsxRuntime.jsxs("div", {
-      css: isWrappingText ? _ref$a : null,
+      css: isWrappingText ? _ref$9 : null,
       children: [jsxRuntime.jsx(uiKit.Text.Detail, {
         tone: isPrimaryTextFallback ? 'tertiary' : undefined,
         children: primaryText
@@ -14202,7 +14202,7 @@ const getResourceLabel = (resourceType, resource, messageLabel, language, langua
   }
 };
 const Portal = props => /*#__PURE__*/ReactDOM__default["default"].createPortal(props.children, document.body);
-var _ref$9 = {
+var _ref$8 = {
   name: "bz0pdi",
   styles: "& button{white-space:normal;}"
 } ;
@@ -14229,7 +14229,7 @@ const ResourceCell = props => {
     justifyContent: "space-between",
     alignItems: "center",
     children: [props?.message?.type === ChangeType.ResourceDeleted ? jsxRuntime.jsx("div", {
-      css: _ref$9,
+      css: _ref$8,
       children: jsxRuntime.jsx(uiKit.FlatButton, {
         label: label,
         isDisabled: true
@@ -14308,7 +14308,7 @@ var messages$p = reactIntl.defineMessages({
 
 function ownKeys$z(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$z(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$z(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$z(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-var _ref$8 = {
+var _ref$7 = {
   name: "h6w7gh",
   styles: "text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap"
 } ;
@@ -14317,7 +14317,7 @@ const VersionCell = _ref2 => {
     newVersion = _ref2.newVersion;
   return jsxRuntime.jsx(uiKit.Text.Detail, {
     children: jsxRuntime.jsx("div", {
-      css: _ref$8,
+      css: _ref$7,
       children: jsxRuntime.jsx(reactIntl.FormattedMessage, _objectSpread$z(_objectSpread$z({}, messages$p.versionLabel), {}, {
         values: {
           oldVersion,
@@ -14450,7 +14450,7 @@ ChangeHistoryDataTable.displayName = 'ChangeHistoryDataTable';
 
 function ownKeys$x(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$x(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$x(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$x(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-var _ref$7 = {
+var _ref$6 = {
   name: "ydyxe6",
   styles: "display:flex;flex-direction:column;-webkit-box-align:stretch;align-items:stretch"
 } ;
@@ -14470,7 +14470,7 @@ const ChangeHistoryListView = props => {
     children: jsxRuntime.jsx("div", {
       css: /*#__PURE__*/react$1.css("position:absolute;top:0;right:0;bottom:0;left:0;&>div{height:100%;min-height:", designSystem.designTokens.constraint10, ";}" + ("" ), "" ),
       children: jsxRuntime.jsx("div", {
-        css: _ref$7,
+        css: _ref$6,
         children: jsxRuntime.jsx(ChangeHistoryDataTable, {
           inContextEntity: props.inContextEntity,
           columns: props.searchViewPropColumns,
@@ -15026,12 +15026,12 @@ const TextSingleFilterTag = props => jsxRuntime.jsx(SingleFilterTag, {
 TextSingleFilterTag.displayName = 'TextSingleFilterTag';
 TextSingleFilterTag.propTypes = {};
 
-var _ref$6 = {
+var _ref$5 = {
   name: "1tmmbhs",
   styles: "height:100%;display:flex;flex-grow:1;align-items:center;justify-content:center"
 } ;
 const CenteredLoadingSpinner = () => jsxRuntime.jsx("div", {
-  css: _ref$6,
+  css: _ref$5,
   "data-testid": "centered-loading-spinner",
   children: jsxRuntime.jsx(uiKit.LoadingSpinner, {})
 });
@@ -17209,7 +17209,7 @@ var messages$b = reactIntl.defineMessages({
   }
 });
 
-var _ref$5 = {
+var _ref$4 = {
   name: "hw82fl",
   styles: "padding-bottom:30px"
 } ;
@@ -17221,7 +17221,7 @@ const MainPageWrapper = _ref2 => {
   if (isInContextView) {
     return jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [jsxRuntime.jsx("div", {
-        css: _ref$5,
+        css: _ref$4,
         children: customTitleRow
       }), children]
     });
@@ -17274,8 +17274,8 @@ var messages$a = reactIntl.defineMessages({
 
 function ownKeys$i(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$i(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$i(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-function _callSuper$1(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct$1() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct$1() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct$1 = function () { return !!t; })(); }
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function () { return !!t; })(); }
 var UnexpectedErrorSVG = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQ5IiBoZWlnaHQ9IjIyNyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+PGRlZnM+PHJlY3QgaWQ9IlVuZXhwZWN0ZWRFcnJvclNWRy1jIiB4PSIwIiB5PSIyMjYuNjk0IiB3aWR0aD0iMjQ4Ljc3NSIgaGVpZ2h0PSIyLjQ1MSIgcng9IjEuMjI1Ii8+PHBhdGggaWQ9IlVuZXhwZWN0ZWRFcnJvclNWRy1hIiBkPSJNMCAwaDI1MHYyMjYuNjk0SDB6Ii8+PC9kZWZzPjxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAtMykiPjxtYXNrIGlkPSJVbmV4cGVjdGVkRXJyb3JTVkctYiIgZmlsbD0iI2ZmZiI+PHVzZSB4bGluazpocmVmPSIjVW5leHBlY3RlZEVycm9yU1ZHLWEiLz48L21hc2s+PGVsbGlwc2UgZmlsbD0iI0YyRjJGMiIgbWFzaz0idXJsKCNVbmV4cGVjdGVkRXJyb3JTVkctYikiIGN4PSIxMjQuMzg3IiBjeT0iMTI2LjIxMyIgcng9IjEyMy4xNjIiIHJ5PSIxMjIuNTM3Ii8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTMpIj48dXNlIGZpbGw9IiMwMDAiIHhsaW5rOmhyZWY9IiNVbmV4cGVjdGVkRXJyb3JTVkctYyIvPjxyZWN0IHN0cm9rZT0iIzAwMCIgeD0iLjUiIHk9IjIyNy4xOTQiIHdpZHRoPSIyNDcuNzc1IiBoZWlnaHQ9IjEuNDUxIiByeD0iLjcyNSIvPjwvZz48cGF0aCBkPSJNMTYwLjkyMiAyMTUuMTZjMC00LjY2LTMuODI2LTguNDczLTguNTAyLTguNDczaC02LjQ5OGMxMS4yMzItOS4xNjggMTguNC0yMy4wOTYgMTguNC0zOC42OTQgMC0yNy42MS0yMi40NTctNDkuOTkzLTUwLjE2LTQ5Ljk5M0M4Ni40NTcgMTE4IDY0IDE0MC4zODMgNjQgMTY3Ljk5M2MwIDE4LjQ0MSAxMC4wMiAzNC41NDggMjQuOTMgNDMuMjEzSDczLjA2OGMtNC42NzYgMC04LjUwMiAzLjgxMy04LjUwMiA4LjQ3NCAwIDQuNjYtMS44NDIgMy45NTQgMi44MzQgMy45NTRoODUuMDJjMjQuMzcxIDEuMTMgOC41MDEgMCA4LjUwMS04LjQ3MyIgZmlsbD0iIzAwQjQ5RiIvPjxwYXRoIGQ9Ik05NS42NTIgMTg5LjJjMCAyLjQ4LTIuMDQgNC41MS00LjUzNCA0LjUxaC0xLjdjLTIuNDk0IDAtNC41MzUtMi4wMy00LjUzNS00LjUxdi0yMC4yOWMwIDIuNDgtMi4wNCA0LjUwOC00LjUzNCA0LjUwOGgtMS43Yy0yLjQ5NSAwLTQuNTM1LTIuMDI5LTQuNTM1LTQuNTA5VjE1MmMwIDIuNDgtMi4wNCA0LjUwOS00LjUzNSA0LjUwOWgtMS43Yy0uODYgMC0xLjY2MS0uMjQ1LTIuMzQ4LS42NjJBNDkuNyA0OS43IDAgMDA2NCAxNjguMTE3YzAgMTguNCAxMC4wMiAzNC40NzIgMjQuOTMgNDMuMTE4SDczLjA2OWMtNC42NzYgMC04LjUwMiAzLjgwNC04LjUwMiA4LjQ1NHMtMS44NDIgMy45NDYgMi44MzQgMy45NDZoODUuMDJjMjQuMzcxIDEuMTI3IDguNTAxIDAgOC41MDEtOC40NTUgMC00LjY1LTMuODI2LTguNDU1LTguNTAyLTguNDU1aC02LjQ5OGMxMS4yMzItOS4xNDcgMTguNDAxLTIzLjA0NCAxOC40MDEtMzguNjA4IDAtLjQ3Mi0uMDA4LS45NDEtLjAyMS0xLjQxaC0uODNjLTIuNDkzIDAtNC41MzQtMi4wMjktNC41MzQtNC41MDh2MTIuNGMwIDIuNDgtMi4wNCA0LjUwOC00LjUzNCA0LjUwOGgtMS43Yy0yLjQ5NCAwLTQuNTM1LTIuMDI5LTQuNTM1LTQuNTA5di03Ljg5YzAgMi40OC0yLjA0IDQuNTA5LTQuNTM0IDQuNTA5aC0xLjdjLTIuNDk0IDAtNC41MzUtMi4wMy00LjUzNS00LjUxdjI1LjM2NGMwIDIuNDgtMi4wNCA0LjUxLTQuNTM0IDQuNTFoLTEuN2MtMi40OTUgMC00LjUzNS0yLjAzLTQuNTM1LTQuNTF2LTIzLjEwOWMwIDIuNDgtMi4wNCA0LjUxLTQuNTM0IDQuNTFoLTEuN2MtMS42MyAwLTMuMDYzLS44Ny0zLjg2Mi0yLjE2M3Y2LjcwNmMwIDIuNDgtMi4wNCA0LjUxLTQuNTM1IDQuNTFoLTEuN2MtMi40OTQgMC00LjUzNC0yLjAzLTQuNTM0LTQuNTF2LTE2LjI4OGE0LjU0NCA0LjU0NCAwIDAxLTMuODYyIDIuMTYyaC0xLjdjLTIuNDk0IDAtNC41MzQtMi4wMjktNC41MzQtNC41MDkiIGZpbGw9IiNBOERCRDUiLz48cGF0aCBkPSJNMTYwLjk3NSAyMTYuMTZjMC00LjY2LTMuNzg3LTguNDczLTguNDE3LTguNDczaC02LjQzM2MxMS4xMi05LjE2OCAxOC4yMTctMjMuMDk2IDE4LjIxNy0zOC42OTQgMC0yNy42MS0yMi4yMzMtNDkuOTkzLTQ5LjY2LTQ5Ljk5My0xLjIzOCAwLTIuNDY2LjA0OC0zLjY4Mi4xMzcgMjUuNzQgMS45MjcgNDYuMDQ3IDI0LjI2OCA0Ni4wNDcgNTEuNTQ4IDAgMTYuMTI2LTExLjU4NiAzMC41MjYtMjIuNzA2IDQwLjAwNWgxMC45MjNjNC42MyAwIDguNDE3IDMuOTQyIDguNDE3IDguNzYgMCAyLjI1IDEuMDM2IDMuOTk3IDIuMTY3IDUuMzM0IDE5LjMyLjg1IDUuMTI3LS41NjkgNS4xMjctOC42MjMiIGZpbGw9IiNGRkYiLz48cGF0aCBkPSJNNjcuNTIyIDIyMi4zODNoODQuNzk1YzQuNjQ3LjIxNCA5LjM4Ni40MzYgMTEuNjA5LjM0NWwtLjAyMS0uMDJjLTEuNTg1LTEuNDUtNC4yNC0zLjg4LTQuMjQtNy42NSAwLTQuMDQtMy4yOTYtNy4zMjctNy4zNDgtNy4zMjdoLTkuNjQ2bDIuNDQ4LTEuOTk5YzExLjQtOS4zMDggMTcuOTM5LTIzLjA2IDE3LjkzOS0zNy43MyAwLTI2Ljg4LTIxLjkzNi00OC43NDgtNDguODk5LTQ4Ljc0OC0yNi45NjIgMC00OC44OTggMjEuODY4LTQ4Ljg5OCA0OC43NDcgMCAxNy4yNzYgOS4zMTMgMzMuNDIzIDI0LjMwMyA0Mi4xMzhsMy42MTMgMi4xSDczLjE3NWMtNC4wNTIgMC03LjM0OSAzLjI4Ny03LjM0OSA3LjMyNyAwIDEuMzA0LS4xMzkgMi4yMzgtLjI0NCAyLjg1LjEwMy0uMDAyLjIxLS4wMDQuMzE4LS4wMDguNDI4LS4wMS45Ni0uMDI1IDEuNjIyLS4wMjVNMTYyLjU5IDIyNWMtMi4xMiAwLTUuMzQ2LS4xMzMtMTAuMzI0LS4zNjNINjcuNTIyYy0uNjM3IDAtMS4xNS4wMTQtMS41NjMuMDI1LTEuMjIxLjAzLTEuODkxLjA0OS0yLjM5OC0uNTM4LS40OC0uNTU1LS4zNjYtMS4xOTYtLjI0NS0xLjg3NS4xLS41Ni4yNS0xLjQwNS4yNS0yLjY4MyAwLTUuMjgzIDQuMzEtOS41OCA5LjYxLTkuNThoMTEuOTM2QzcxLjM4MiAyMDAuNTE1IDYzIDE4NC43NjUgNjMgMTY4YzAtMjguMTIgMjIuOTUtNTEgNTEuMTYtNTEgMjguMjEgMCA1MS4xNTkgMjIuODc5IDUxLjE1OSA1MS4wMDEgMCAxNC4zMzEtNS45NjIgMjcuODIzLTE2LjQ2IDM3LjQ3NmgzLjQ1OGM1LjI5OSAwIDkuNjEgNC4yOTggOS42MSA5LjU4IDAgMi43OCAyLjExMSA0LjcxMyAzLjUwOCA1Ljk5MSAxLjAxMy45MjggMS44ODcgMS43MjkgMS40NSAyLjc3Ny0uMzQ4LjgzMy0uODk3IDEuMTc1LTQuMjk2IDEuMTc1IiBmaWxsPSIjMDAwIi8+PHBhdGggZD0iTTE3OC43MjggMzEuMjgybC03NS40MDUgNzQuNTc0Yy0zLjgwNCAzLjc2My0yLjc5NCAxMC4xNjcgMS45OSAxMi41NTQgMTEuNTkxIDUuNzgzIDMxLjg3OCAxNi4zODEgNTIuNDM3IDI5LjM3OSA0LjU4IDIuODk2IDEwLjYzNy4zNDYgMTEuNzcyLTQuOTY1bDIyLjI5LTEwNC4zNDJjMS42Mi03LjU4NS03LjU3OC0xMi42NDYtMTMuMDg0LTcuMiIgZmlsbD0iI0E4REJENSIvPjxwYXRoIGZpbGw9IiNGRkYiIGQ9Ik0xNjguODMyIDE0MkwxNDYgNjIuNjMybDIuMTY3LS42MzJMMTcxIDE0MS4zNjh6bS0yMy4wMzggMEwxMjggODAuNjNsMi4yMDYtLjYzTDE0OCAxNDEuMzd6bS0xOS45LTExTDExMyA5NS43NjdsMi4xMDctLjc2N0wxMjggMTMwLjIzM3ptNTMuMDE3LTM1TDE2MSA0OC44MTdsMi4wODktLjgxN0wxODEgOTUuMTgzem02Ljk2Ny0zN0wxNzcgMzIuNzExbDIuMTIyLS43MTFMMTg4IDU4LjI4OXoiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMTE4LjMzNCA5MkwxMTggODkuNzY3IDE4My42NjYgODBsLjMzNCAyLjIzM3ptLTE3LjE2NyAxOGwtLjE2Ny0yLjI0NkwxNzguODMzIDEwMmwuMTY3IDIuMjQ2em03Mi44MzEgMTVMMTE1IDEyNC45NWwuMDAyLTEuOTUgNTguOTk4LjA1em0tMzAuODA1LTU4TDE0MyA2NC43NjkgMTg3LjgwNyA2MWwuMTkzIDIuMjMxem0yMC4xOTctMTlsLS4zOS0yLjIzNEwxOTAuNjEgNDFsLjM5IDIuMjM0eiIvPjxwYXRoIGQ9Ik0xNzkuNDMyIDMyLjIxNWwtNzUuMTk3IDc0LjQwNmE2LjYxMyA2LjYxMyAwIDAwLTEuODk4IDUuODAzIDYuNTc2IDYuNTc2IDAgMDAzLjU5MiA0LjkwN2MxMC41NjQgNS4yNzQgMzEuNDE4IDE2LjEwMyA1Mi4zOTMgMjkuMzY5YTYuNTQ0IDYuNTQ0IDAgMDA2LjEyOC41MDYgNi41NjcgNi41NjcgMCAwMDMuOTEtNC43NGwyMi4yMy0xMDQuMTA3Yy43NjUtMy41ODItMS4zLTYuMTQtMy4zLTcuMjQyLTItMS4xLTUuMjYtMS40NzQtNy44NTggMS4wOThNMTYxLjg1IDE1MGE4LjgxNSA4LjgxNSAwIDAxLTQuNzI4LTEuMzljLTIwLjg5MS0xMy4yMTMtNDEuNjctMjQuMDAyLTUyLjE5NS0yOS4yNTctMi42LTEuMjk4LTQuMzU0LTMuNjk0LTQuODEzLTYuNTczLS40NTktMi44ODUuNDY3LTUuNzE1IDIuNTQtNy43NjZsNzUuMTk3LTc0LjQwN2MyLjg2NS0yLjgzNCA2Ljk5Ni0zLjQxIDEwLjUyLTEuNDcgMy41MjYgMS45NDMgNS4yNiA1Ljc0OCA0LjQxOCA5LjY5NUwxNzAuNTYgMTQyLjkzOGMtLjYxNyAyLjg4OS0yLjUyNiA1LjIwMy01LjIzOSA2LjM0OWE4Ljg5MyA4Ljg5MyAwIDAxLTMuNDcxLjcxMyIgZmlsbD0iIzAwMCIvPjxwYXRoIGQ9Ik04OC4zMjIgMTQ4LjM0N2wxLjMzMSAxLjMzMWMuNDMuNDMgMS4xMzIuNDMgMS41NjEgMGw1LjQ2NC01LjQ2NGMuNDMtLjQyOS40My0xLjEzMSAwLTEuNTZsLTEuMzMxLTEuMzMyYTEuMTA3IDEuMTA3IDAgMDAtMS41NjEgMGwtNS40NjQgNS40NjRhMS4xMDUgMS4xMDUgMCAwMDAgMS41Nm0zOS45NzEgMi4xNDhsMS4yMTMgMS4yMTNhMS4wMDkgMS4wMDkgMCAwMDEuNDIzIDBsMS43NzgtMS43NzhhMS4wMDkgMS4wMDkgMCAwMDAtMS40MjNsLTEuMjE0LTEuMjEzYTEuMDA4IDEuMDA4IDAgMDAtMS40MjIgMGwtMS43NzggMS43NzhhMS4wMDkgMS4wMDkgMCAwMDAgMS40MjNtLTIwIDcuOTk5bDEuMjEzIDEuMjE0YTEuMDA5IDEuMDA5IDAgMDAxLjQyMyAwbDEuNzc4LTEuNzc4YTEuMDEgMS4wMSAwIDAwMC0xLjQyMmwtMS4yMTQtMS4yMTRhMS4wMDggMS4wMDggMCAwMC0xLjQyMiAwbC0xLjc3OCAxLjc3OGExLjAwOCAxLjAwOCAwIDAwMCAxLjQyMm01Ljk5NS0xOC4yNTdsMS4yNiAxLjQwNmMuNDA2LjQ1MyAxLjA5Ny40OCAxLjUzNS4wNmw1LjU3MS01LjM1Yy40MzgtLjQyLjQ2NC0xLjEzNS4wNTgtMS41ODhsLTEuMjYtMS40MDZhMS4wNjMgMS4wNjMgMCAwMC0xLjUzNS0uMDZsLTUuNTcxIDUuMzVhMS4xNTUgMS4xNTUgMCAwMC0uMDU4IDEuNTg4bTI3IDI5LjAwMWwxLjI2IDEuNDA1Yy40MDYuNDUzIDEuMDk3LjQ4IDEuNTM1LjA2bDUuNTctNS4zNWMuNDM5LS40Mi40NjUtMS4xMzYuMDU5LTEuNTg5bC0xLjI2LTEuNDA1YTEuMDYzIDEuMDYzIDAgMDAtMS41MzUtLjA2bC01LjU3IDUuMzVhMS4xNTUgMS4xNTUgMCAwMC0uMDU5IDEuNTg5bS0yMS4xMDgtMTIuNzdsLS45OTggMS41MjNjLS4zMjMuNDktLjIwNCAxLjE2OS4yNjIgMS41MDdsNS45NCA0LjMxMmExLjAwMiAxLjAwMiAwIDAwMS40MzUtLjI3NmwxLTEuNTIyYy4zMjItLjQ5LjIwMy0xLjE3LS4yNjQtMS41MDlsLTUuOTQtNC4zMTFhMS4wMDMgMS4wMDMgMCAwMC0xLjQzNC4yNzZtLTI1LjAwMS0zMWwtLjk5OCAxLjUyMmMtLjMyMy40OTEtLjIwNCAxLjE3LjI2MiAxLjUwOGw1Ljk0IDQuMzEyYTEuMDAzIDEuMDAzIDAgMDAxLjQzNS0uMjc2bDEtMS41MjJjLjMyMi0uNDkuMjAzLTEuMTctLjI2NC0xLjUwOWwtNS45NC00LjMxMWExLjAwMyAxLjAwMyAwIDAwLTEuNDM0LjI3NiIgZmlsbD0iI0ZGRiIvPjwvZz48L3N2Zz4=";
 let ErrorBoundary = /*#__PURE__*/function (_Component) {
   function ErrorBoundary() {
@@ -17284,7 +17284,7 @@ let ErrorBoundary = /*#__PURE__*/function (_Component) {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
-    _this = _callSuper$1(this, ErrorBoundary, [...args]);
+    _this = _callSuper(this, ErrorBoundary, [...args]);
     _this.state = {
       hasError: false
     };
@@ -17418,6 +17418,23 @@ const getColumnDefinitions = _ref => {
 };
 var getColumnDefinitions$1 = memoize__default["default"](getColumnDefinitions);
 
+const invalidValues = [null, undefined, ''];
+function isEmpty(_ref) {
+  let value = _ref.value;
+  return _includesInstanceProperty__default["default"](invalidValues).call(invalidValues, value) || _includesInstanceProperty__default["default"](invalidValues).call(invalidValues, value.from) && _includesInstanceProperty__default["default"](invalidValues).call(invalidValues, value.to);
+}
+
+function isEmptyFilter(_ref) {
+  let type = _ref.type,
+    value = _ref.value;
+  if (type === FILTER_TYPES.range) return isEmpty({
+    value
+  });
+  return validateRequiredFilter({
+    value
+  });
+}
+
 const HorizontalDivider = () => jsxRuntime.jsx("div", {
   css: /*#__PURE__*/react$1.css("width:100%;height:1px;background-color:", designSystem.designTokens.colorNeutral90, ";margin-top:", designSystem.designTokens.spacingS, ";" + ("" ), "" )
 });
@@ -17473,7 +17490,7 @@ var messages$9 = reactIntl.defineMessages({
 
 function ownKeys$g(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys$g(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys$g(Object(t))).call(_context2, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-var _ref$4 = {
+var _ref$3 = {
   name: "125wnaz",
   styles: "z-index:0"
 } ;
@@ -17481,7 +17498,7 @@ function InternalFilterToggle(props) {
   const intl = reactIntl.useIntl();
   const infoModalState = applicationComponents.useModalState();
   return jsxRuntime.jsxs("div", {
-    css: _ref$4,
+    css: _ref$3,
     children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
       scale: "m",
       alignItems: "center",
@@ -17576,7 +17593,7 @@ const displayInternalFilterToggle = _ref2 => {
   if (!inContextEntity) return true;
   return isSupportedEntity(inContextEntity);
 };
-var _ref$3 = {
+var _ref$2 = {
   name: "1bmnxg7",
   styles: "white-space:nowrap"
 } ;
@@ -17587,7 +17604,7 @@ const PlatformInitiatedChangesToggle = _ref3 => {
   const _useVersionTier = useVersionTier(),
     tier = _useVersionTier.tier;
   return jsxRuntime.jsx("div", {
-    css: _ref$3,
+    css: _ref$2,
     children: jsxRuntime.jsx(uiKit.Spacings.Stack, {
       scale: "s",
       children: displayInternalFilterToggle({
@@ -17658,7 +17675,7 @@ const quickFilterTypes = {
   [quickFilterLast30Days]: messages$8.labelFilter1Month,
   [quickFilterCustom]: messages$8.labelFilterCustom
 };
-var _ref$2 = {
+var _ref$1 = {
   name: "39r29",
   styles: "flex-grow:0;min-width:200px"
 } ;
@@ -17715,7 +17732,7 @@ const DateRangeSelector = props => {
   return jsxRuntime.jsxs("div", {
     css: /*#__PURE__*/react$1.css("display:flex;min-height:33px;&>*+*{margin:0 0 0 ", designSystem.designTokens.spacingS, ";}" + ("" ), "" ),
     children: [jsxRuntime.jsx("div", {
-      css: _ref$2,
+      css: _ref$1,
       children: jsxRuntime.jsx(uiKit.SelectInput, {
         name: "filter-date-type",
         isCondensed: true,
@@ -18100,7 +18117,7 @@ const messages$4 = reactIntl.defineMessages({
   }
 });
 
-var _ref$1 = {
+var _ref = {
   name: "1hcx8jb",
   styles: "padding:0"
 } ;
@@ -18113,7 +18130,7 @@ const filtersStyles = {
   },
   fieldsSection: _ref3 => {
     let isEditMode = _ref3.isEditMode;
-    return isEditMode ? /*#__PURE__*/react$1.css("padding:0 ", designSystem.designTokens.spacingXl, ";" + ("" ), "" ) : _ref$1;
+    return isEditMode ? /*#__PURE__*/react$1.css("padding:0 ", designSystem.designTokens.spacingXl, ";" + ("" ), "" ) : _ref;
   },
   fieldsContent: _ref4 => {
     let isEditMode = _ref4.isEditMode;
@@ -18125,7 +18142,7 @@ const filtersStyles = {
 };
 
 function ownKeys$f(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var _context10, _context11; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context10 = ownKeys$f(Object(t), !0)).call(_context10, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context11 = ownKeys$f(Object(t))).call(_context11, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
+function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var _context9, _context10; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context9 = ownKeys$f(Object(t), !0)).call(_context9, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context10 = ownKeys$f(Object(t))).call(_context10, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const FilterFieldInputs = _ref => {
   let fieldName = _ref.fieldName,
     fieldFilters = _ref.fieldFilters,
@@ -18299,17 +18316,7 @@ const Filters = _ref4 => {
         }),
         children: [fields, fields.length > 1 && !isEditMode && jsxRuntime.jsx(uiKit.FlatButton, {
           "data-testid": "clear-all-tags",
-          onClick: () => {
-            var _context9;
-            _forEachInstanceProperty__default["default"](_context9 = _Object$keys__default["default"](filteredFields)).call(_context9, fieldName => {
-              if (fieldName !== 'createdAt') {
-                onRemoveFilterTagFromField({
-                  fieldName,
-                  index: 0
-                });
-              }
-            });
-          },
+          onClick: onClearAll,
           icon: jsxRuntime.jsx(uiKit.CloseBoldIcon, {}),
           tone: 'secondary',
           label: intl.formatMessage(messages$4.clearAllLabel)
@@ -18370,25 +18377,6 @@ const Filters = _ref4 => {
   });
 };
 
-const invalidValues = [null, undefined, ''];
-function isEmpty(_ref) {
-  let value = _ref.value;
-  return _includesInstanceProperty__default["default"](invalidValues).call(invalidValues, value) || _includesInstanceProperty__default["default"](invalidValues).call(invalidValues, value.from) && _includesInstanceProperty__default["default"](invalidValues).call(invalidValues, value.to);
-}
-
-function isEmptyFilter(_ref) {
-  let type = _ref.type,
-    value = _ref.value;
-  if (type === FILTER_TYPES.range) return isEmpty({
-    value
-  });
-  return validateRequiredFilter({
-    value
-  });
-}
-
-function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? _Reflect$construct__default["default"](o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(_Reflect$construct__default["default"](Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function () { return !!t; })(); }
 function ownKeys$e(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var _context5, _context6; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context5 = ownKeys$e(Object(t), !0)).call(_context5, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context6 = ownKeys$e(Object(t))).call(_context6, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
 const getOptionByValue = (value, options) => {
@@ -18418,318 +18406,369 @@ function removeFilterFromField(filteredFields, fieldName, index) {
   const nextFilters = [..._sliceInstanceProperty__default["default"](previousFilters).call(previousFilters, 0, index), ..._sliceInstanceProperty__default["default"](previousFilters).call(previousFilters, index + 1)];
   return nextFilters.length > 0 ? mergeFieldToCorrectPosition(filteredFields, fieldName, nextFilters) : omit__default["default"](filteredFields, fieldName);
 }
-let FiltersContainer = /*#__PURE__*/function (_PureComponent) {
-  function FiltersContainer() {
-    var _this;
-    _classCallCheck(this, FiltersContainer);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
+const getDefaultOption = searchOptions => {
+  if (!searchOptions || !_Array$isArray__default["default"](searchOptions)) return null;
+  return searchOptions[0]?.options ? searchOptions[0]?.options[0] || null : searchOptions[0] || null;
+};
+const FiltersContainer = _ref => {
+  let dateFilter = _ref.dateFilter,
+    fieldDefinitions = _ref.fieldDefinitions,
+    filteredFields = _ref.filteredFields,
+    hasNoResults = _ref.hasNoResults,
+    inContextEntity = _ref.inContextEntity,
+    isCurrentRecordsTotalEmpty = _ref.isCurrentRecordsTotalEmpty,
+    isDisabled = _ref.isDisabled,
+    propsIsEditMode = _ref.isEditMode,
+    isFiltersEnabled = _ref.isFiltersEnabled,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? () => {} : _ref$onChange;
+    _ref.onToggleEditMode;
+    let onUpdateSearch = _ref.onUpdateSearch,
+    searchMode = _ref.searchMode,
+    searchOptions = _ref.searchOptions,
+    searchQuery = _ref.searchQuery,
+    setFilters = _ref.setFilters,
+    setSearchFiltersState = _ref.setSearchFiltersState;
+  const createInitialState = () => ({
+    filteredFields: filteredFields,
+    searchMode: getOptionByValue(searchMode, searchOptions) || getDefaultOption(searchOptions),
+    hasChangesInFilters: false
+  });
+  const _useState = react.useState(createInitialState()),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
+  const _useState3 = react.useState(propsIsEditMode),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isEditMode = _useState4[0],
+    setIsEditMode = _useState4[1];
+  react.useEffect(() => {
+    setIsEditMode(propsIsEditMode);
+  }, [propsIsEditMode]);
+  const intl = reactIntl.useIntl();
+  react.useEffect(() => {
+    if (!isEditMode) {
+      setState(prevState => _objectSpread$e(_objectSpread$e({}, prevState), {}, {
+        filteredFields: filteredFields
+      }));
     }
-    _this = _callSuper(this, FiltersContainer, [...args]);
-    _this.state = _this.computeInitialState();
-    _this.detectChangesInFilters = (nextState, prevState) => {
-      const changesInFiltersDraft = !isNil__default["default"](nextState.filteredFields) && !fastEquals.deepEqual(prevState.filteredFields, nextState.filteredFields, {
-        strict: true
-      });
-      const changesInFiltersApplied = !isNil__default["default"](nextState.filteredFields) && !fastEquals.deepEqual(nextState.filteredFields, _this.props.filteredFields, {
-        strict: true
-      });
-      if (changesInFiltersDraft) return _objectSpread$e({
-        hasChangesInFilters: changesInFiltersApplied
-      }, nextState);
-      return nextState;
-    };
-    _this.handleUpdateFilterForField = _ref => {
-      let fieldName = _ref.fieldName,
-        index = _ref.index,
-        filter = _filterInstanceProperty__default["default"](_ref);
-      _this.props.onChange({
-        fieldName,
-        fieldValue: filter
-      });
-      _this.setState(prevState => {
-        const previousFilters = prevState.filteredFields[fieldName] || [];
-        const fieldValue = [..._sliceInstanceProperty__default["default"](previousFilters).call(previousFilters, 0, index), filter, ..._sliceInstanceProperty__default["default"](previousFilters).call(previousFilters, index + 1)];
-        const newState = {
-          filteredFields: mergeFieldToCorrectPosition(prevState.filteredFields, fieldName, fieldValue)
-        };
-        return _this.detectChangesInFilters(newState, prevState);
-      });
-    };
-    // Specific callback for quick filters since we need to trigger the search
-    // right after the user selects one option. That's why in the `setState` callback
-    // we need to invoke `handleApplyFilters`
-    _this.handleUpdateQuickFilterForField = _ref2 => {
-      let fieldName = _ref2.fieldName,
-        fieldValue = _filterInstanceProperty__default["default"](_ref2);
-      _this.props.onChange({
-        fieldName,
-        fieldValue
-      });
-      _this.setState(prevState => {
-        const nextFieldValue = [fieldValue];
-
-        // Note that the nextState will be only the applied quick filter since the
-        // expected behaviour is that a quick filter replaces all previous applied
-        // filters
-        const nextState = {
-          filteredFields: {
-            [fieldName]: nextFieldValue
-          }
-        };
-        return _this.detectChangesInFilters(nextState, prevState);
-      }, () => {
-        _this.handleApplyFilters();
-      });
-    };
-    _this.handleCancelFilterChanges = () => {
-      _this.props.onChange();
-      _this.setState(_this.computeInitialState());
-    };
-    _this.handleRemoveFilterFromField = _ref3 => {
-      let fieldName = _ref3.fieldName,
-        index = _ref3.index;
-      _this.props.onChange({
-        fieldName
-      });
-      _this.setState(prevState => {
-        const newState = {
-          filteredFields: removeFilterFromField(prevState.filteredFields, fieldName, index)
-        };
-        return _this.detectChangesInFilters(newState, prevState);
-      });
-    };
-    _this.handleAddFilterToField = _ref4 => {
-      let fieldName = _ref4.fieldName,
-        filter = _filterInstanceProperty__default["default"](_ref4),
-        index = _ref4.index;
-      _this.props.onChange({
-        fieldName,
-        filter
-      });
-      _this.setState(prevState => {
-        const previousFilters = prevState.filteredFields[fieldName] || [];
-        const fieldValue = [..._sliceInstanceProperty__default["default"](previousFilters).call(previousFilters, 0, index), filter, ..._sliceInstanceProperty__default["default"](previousFilters).call(previousFilters, index)];
-        const newState = {
-          filteredFields: mergeFieldToCorrectPosition(prevState.filteredFields, fieldName, fieldValue)
-        };
-        return _this.detectChangesInFilters(newState, prevState);
-      });
-    };
-    _this.handleClearFiltersFromField = _ref5 => {
-      let fieldName = _ref5.fieldName;
-      _this.props.onChange({
-        fieldName
-      });
-      _this.setState(prevState => _this.detectChangesInFilters({
-        filteredFields: omit__default["default"](prevState.filteredFields, fieldName)
-      }, prevState));
-    };
-    _this.handleAddField = _ref6 => {
-      let fieldName = _ref6.fieldName;
-      _this.props.onChange({
-        fieldName
-      });
-      _this.setState(prevState => {
-        const fieldValue = [{
-          type: _Object$keys__default["default"](_this.props.fieldDefinitions[fieldName].filterTypes)[0],
-          value: null
-        }];
-        const newState = {
-          filteredFields: mergeFieldToCorrectPosition(prevState.filteredFields, fieldName, fieldValue)
-        };
-        return _this.detectChangesInFilters(newState, prevState);
-      });
-    };
-    /**
-     * @type Boolean returns whether all filters are valid, used to prevent
-     *       filter container closing if there are invalid filters
-     */
-    _this.handleApplyFilters = function () {
-      var _context3;
-      let _ref7 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-        _ref7$removeEmptyFilt = _ref7.removeEmptyFilters,
-        removeEmptyFilters = _ref7$removeEmptyFilt === void 0 ? false : _ref7$removeEmptyFilt;
-      const getFilterOfType = (fieldName, fieldType) => _this.props.fieldDefinitions[fieldName].filterTypes[fieldType];
-      const filterEmptyFilters = fieldName => filter => {
-        const filterForType = getFilterOfType(fieldName, filter.type);
-        // Allowing to overwrite isEmptyFilter on filter definition level while
-        // defaulting to isEmptyFilterDefault
-        const isEmptyFilter$1 = isFunction__default["default"](filterForType.isEmptyFilter) ? filterForType.isEmptyFilter : isEmptyFilter;
-        return !isEmptyFilter$1(filter);
+  }, [filteredFields, isEditMode]);
+  const handleToggleEditMode = () => {
+    setIsEditMode(prev => !prev);
+  };
+  const detectChangesInFilters = (nextState, prevState) => {
+    const changesInFiltersDraft = !isNil__default["default"](nextState.filteredFields) && !fastEquals.deepEqual(prevState.filteredFields, nextState.filteredFields, {
+      strict: true
+    });
+    const changesInFiltersApplied = !isNil__default["default"](nextState.filteredFields) && !fastEquals.deepEqual(nextState.filteredFields, filteredFields, {
+      strict: true
+    });
+    if (changesInFiltersDraft) return _objectSpread$e({
+      hasChangesInFilters: changesInFiltersApplied
+    }, nextState);
+    return nextState;
+  };
+  const handleUpdateFilterForField = _ref2 => {
+    let fieldName = _ref2.fieldName,
+      index = _ref2.index,
+      filter = _filterInstanceProperty__default["default"](_ref2);
+    onChange({
+      fieldName,
+      fieldValue: filter
+    });
+    setState(prevState => {
+      const previousFilters = prevState.filteredFields[fieldName] || [];
+      const fieldValue = [..._sliceInstanceProperty__default["default"](previousFilters).call(previousFilters, 0, index), filter, ..._sliceInstanceProperty__default["default"](previousFilters).call(previousFilters, index + 1)];
+      const newState = {
+        filteredFields: mergeFieldToCorrectPosition(prevState.filteredFields, fieldName, fieldValue)
       };
-      // filter out empty filters, and any fields without any filters expect createdAt
-      // because value is not present in 'today', 'yesterday', 'last 7 days' and 'last 30 days'
-      let filteredFields;
-      if (removeEmptyFilters) {
-        var _context2;
-        filteredFields = _reduceInstanceProperty__default["default"](_context2 = _Object$entries__default["default"](_this.state.filteredFields)).call(_context2, (fields, _ref8) => {
-          let _ref9 = _slicedToArray(_ref8, 2),
-            fieldName = _ref9[0],
-            fieldValues = _ref9[1];
-          const nonEmptyFilters = _filterInstanceProperty__default["default"](fieldValues).call(fieldValues, filterEmptyFilters(fieldName));
-          if (nonEmptyFilters.length) return _objectSpread$e(_objectSpread$e({}, fields), {}, {
-            [fieldName]: nonEmptyFilters
-          });
-          return fields;
-        }, {});
-        if (_this.state.filteredFields['createdAt']) {
-          filteredFields.createdAt = _this.state.filteredFields['createdAt'];
+      return detectChangesInFilters(newState, prevState);
+    });
+  };
+
+  // Specific callback for quick filters since we need to trigger the search
+  // right after the user selects one option. That's why in the `setState` callback
+  // we need to invoke `handleApplyFilters`
+  const handleUpdateQuickFilterForField = _ref3 => {
+    let fieldName = _ref3.fieldName,
+      fieldValue = _filterInstanceProperty__default["default"](_ref3);
+    onChange({
+      fieldName,
+      fieldValue
+    });
+    setState(prevState => {
+      const nextFieldValue = [fieldValue];
+
+      // Note that the nextState will be only the applied quick filter since the
+      // expected behaviour is that a quick filter replaces all previous applied
+      // filters
+      const nextState = {
+        filteredFields: {
+          [fieldName]: nextFieldValue
         }
-      } else {
-        filteredFields = _this.state.filteredFields;
-      }
+      };
+      return detectChangesInFilters(nextState, prevState);
+    });
+    handleApplyFilters();
+  };
+  const handleCancelFilterChanges = () => {
+    onChange();
+    setState(createInitialState());
+  };
+  const handleRemoveFilterFromField = _ref4 => {
+    let fieldName = _ref4.fieldName,
+      index = _ref4.index;
+    onChange({
+      fieldName
+    });
+    setState(prevState => {
+      const newState = {
+        filteredFields: removeFilterFromField(prevState.filteredFields, fieldName, index)
+      };
+      return detectChangesInFilters(newState, prevState);
+    });
+  };
+  const handleAddFilterToField = _ref5 => {
+    let fieldName = _ref5.fieldName,
+      filter = _filterInstanceProperty__default["default"](_ref5),
+      index = _ref5.index;
+    onChange({
+      fieldName,
+      filter
+    });
+    setState(prevState => {
+      const previousFilters = prevState.filteredFields[fieldName] || [];
+      const fieldValue = [..._sliceInstanceProperty__default["default"](previousFilters).call(previousFilters, 0, index), filter, ..._sliceInstanceProperty__default["default"](previousFilters).call(previousFilters, index)];
+      const newState = {
+        filteredFields: mergeFieldToCorrectPosition(prevState.filteredFields, fieldName, fieldValue)
+      };
+      return detectChangesInFilters(newState, prevState);
+    });
+  };
+  const handleClearFiltersFromField = _ref6 => {
+    let fieldName = _ref6.fieldName;
+    onChange({
+      fieldName
+    });
+    setState(prevState => detectChangesInFilters({
+      filteredFields: omit__default["default"](prevState.filteredFields, fieldName)
+    }, prevState));
+  };
+  const handleAddField = _ref7 => {
+    let fieldName = _ref7.fieldName;
+    onChange({
+      fieldName
+    });
+    setState(prevState => {
+      const fieldValue = [{
+        type: _Object$keys__default["default"](fieldDefinitions[fieldName].filterTypes)[0],
+        value: null
+      }];
+      const newState = {
+        filteredFields: mergeFieldToCorrectPosition(prevState.filteredFields, fieldName, fieldValue)
+      };
+      return detectChangesInFilters(newState, prevState);
+    });
+  };
 
-      // iterate through validators and collect errors
-      const validatedFilters = _reduceInstanceProperty__default["default"](_context3 = _Object$entries__default["default"](filteredFields)).call(_context3, (acc, _ref10) => {
-        var _context4;
-        let _ref11 = _slicedToArray(_ref10, 2),
-          fieldName = _ref11[0],
-          fieldValues = _ref11[1];
-        const fieldWithErrors = _mapInstanceProperty__default["default"](_context4 = _filterInstanceProperty__default["default"](fieldValues).call(fieldValues, filterEmptyFilters(fieldName))).call(_context4, _ref12 => {
-          let type = _ref12.type,
-            value = _ref12.value;
-          const filterOfType = getFilterOfType(fieldName, type);
-          const validator = filterOfType.validator;
-          if (!validator) return {
-            type,
-            value
-          };
-          return {
-            type,
-            value,
-            error: validator({
-              type,
-              value
-            }, _this.props.intl)
-          };
-        });
-        const updatedFilters = mergeFieldToCorrectPosition(acc.updatedFilters, fieldName, fieldWithErrors);
-        const numberOfErrors = _filterInstanceProperty__default["default"](fieldWithErrors).call(fieldWithErrors, _ref13 => {
-          let error = _ref13.error;
-          return error;
-        }).length;
-        return {
-          isValid: acc.isValid && numberOfErrors === 0,
-          updatedFilters
-        };
-      }, {
-        isValid: true,
-        updatedFilters: filteredFields
-      });
-      if (validatedFilters.isValid) {
-        _this.props.onUpdateSearch({
-          filters: filteredFields,
-          page: 1
-        });
-        _this.setState({
-          hasChangesInFilters: false
-        });
-        _this.props.onChange();
-      } else _this.setState(prevState => _this.detectChangesInFilters({
-        filteredFields: validatedFilters.updatedFilters
-      }, prevState));
-      return validatedFilters.isValid;
+  /**
+   * @type Boolean returns whether all filters are valid, used to prevent
+   *       filter container closing if there are invalid filters
+   */
+  const handleApplyFilters = function () {
+    var _context3;
+    let _ref8 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      _ref8$removeEmptyFilt = _ref8.removeEmptyFilters,
+      removeEmptyFilters = _ref8$removeEmptyFilt === void 0 ? false : _ref8$removeEmptyFilt;
+    const getFilterOfType = (fieldName, fieldType) => fieldDefinitions[fieldName].filterTypes[fieldType];
+    const filterEmptyFilters = fieldName => filter => {
+      const filterForType = getFilterOfType(fieldName, filter.type);
+      // Allowing to overwrite isEmptyFilter on filter definition level while
+      // defaulting to isEmptyFilterDefault
+      const isEmptyFilter$1 = isFunction__default["default"](filterForType.isEmptyFilter) ? filterForType.isEmptyFilter : isEmptyFilter;
+      return !isEmptyFilter$1(filter);
     };
-    _this.handleRemoveFilterTagFromField = _ref14 => {
-      let fieldName = _ref14.fieldName,
-        index = _ref14.index;
-      _this.props.onChange({});
-      _this.setState(prevState => {
-        const nextFilteredFields = removeFilterFromField(prevState.filteredFields, fieldName, index);
-
-        // update the filters straight away
-        _this.props.onUpdateSearch({
-          filters: nextFilteredFields,
-          page: 1
+    // filter out empty filters, and any fields without any filters expect createdAt
+    // because value is not present in 'today', 'yesterday', 'last 7 days' and 'last 30 days'
+    let filteredFields;
+    if (removeEmptyFilters) {
+      var _context2;
+      filteredFields = _reduceInstanceProperty__default["default"](_context2 = _Object$entries__default["default"](state.filteredFields)).call(_context2, (fields, _ref9) => {
+        let _ref10 = _slicedToArray(_ref9, 2),
+          fieldName = _ref10[0],
+          fieldValues = _ref10[1];
+        const nonEmptyFilters = _filterInstanceProperty__default["default"](fieldValues).call(fieldValues, filterEmptyFilters(fieldName));
+        if (nonEmptyFilters.length) return _objectSpread$e(_objectSpread$e({}, fields), {}, {
+          [fieldName]: nonEmptyFilters
         });
+        return fields;
+      }, {});
+      if (state.filteredFields['createdAt']) {
+        filteredFields.createdAt = state.filteredFields['createdAt'];
+      }
+    } else {
+      filteredFields = state.filteredFields;
+    }
+
+    // iterate through validators and collect errors
+    const validatedFilters = _reduceInstanceProperty__default["default"](_context3 = _Object$entries__default["default"](filteredFields)).call(_context3, (acc, _ref11) => {
+      var _context4;
+      let _ref12 = _slicedToArray(_ref11, 2),
+        fieldName = _ref12[0],
+        fieldValues = _ref12[1];
+      const fieldWithErrors = _mapInstanceProperty__default["default"](_context4 = _filterInstanceProperty__default["default"](fieldValues).call(fieldValues, filterEmptyFilters(fieldName))).call(_context4, _ref13 => {
+        let type = _ref13.type,
+          value = _ref13.value;
+        const filterOfType = getFilterOfType(fieldName, type);
+        const validator = filterOfType.validator;
+        if (!validator) return {
+          type,
+          value
+        };
         return {
-          filteredFields: nextFilteredFields,
-          hasChangesInFilters: false
+          type,
+          value,
+          error: validator({
+            type,
+            value
+          }, intl)
         };
       });
-    };
-    _this.shouldShowClearAll = () => {
-      if (_this.props.hideClearAllButton) {
-        return false;
-      }
-      // We do not show the clear all button if only the
-      // createdAt filter is applied
-      if (_this.state.filteredFields && _Object$keys__default["default"](_this.state.filteredFields).length === 1 && _this.state.filteredFields.createdAt) {
-        return false;
-      }
-      return _this.state.filteredFields && _Object$keys__default["default"](_this.state.filteredFields).length > 0;
-    };
-    _this.handleClearAll = () => {
-      _this.props.onChange();
-      // We only want to clear all the filter except for the createdAt
-      _this.setState({
-        filteredFields: {
-          createdAt: _this.state.filteredFields.createdAt
-        }
-      }, () => {
-        _this.handleApplyFilters();
-      });
-    };
-    return _this;
-  }
-  _inherits(FiltersContainer, _PureComponent);
-  return _createClass(FiltersContainer, [{
-    key: "getDefaultOption",
-    value: function getDefaultOption() {
-      if (!this.props.searchOptions || !_Array$isArray__default["default"](this.props.searchOptions)) return null;
-      return this.props.searchOptions[0]?.options ? this.props.searchOptions[0]?.options[0] || null : this.props.searchOptions[0] || null;
-    }
-  }, {
-    key: "computeInitialState",
-    value: function computeInitialState() {
+      const updatedFilters = mergeFieldToCorrectPosition(acc.updatedFilters, fieldName, fieldWithErrors);
+      const numberOfErrors = _filterInstanceProperty__default["default"](fieldWithErrors).call(fieldWithErrors, _ref14 => {
+        let error = _ref14.error;
+        return error;
+      }).length;
       return {
-        filteredFields: this.props.filteredFields,
-        searchMode: getOptionByValue(this.props.searchMode, this.props.searchOptions) || this.getDefaultOption(),
-        hasChangesInFilters: false
+        isValid: acc.isValid && numberOfErrors === 0,
+        updatedFilters
       };
-    }
-  }, {
-    key: "render",
-    value: function render() {
-      return jsxRuntime.jsx(jsxRuntime.Fragment, {
-        children: this.props.children({
-          onCancelFilterChanges: this.handleCancelFilterChanges,
-          onApplyFilters: this.handleApplyFilters,
-          onUpdateFilterForField: this.handleUpdateFilterForField,
-          onUpdateQuickFilterForField: this.handleUpdateQuickFilterForField,
-          onRemoveFilterFromField: this.handleRemoveFilterFromField,
-          onAddFilterToField: this.handleAddFilterToField,
-          onAddField: this.handleAddField,
-          onClearFiltersFromField: this.handleClearFiltersFromField,
-          onRemoveFilterTagFromField: this.handleRemoveFilterTagFromField,
-          filteredFields: this.state.filteredFields,
-          searchMode: this.state.searchMode?.value,
-          searchOptions: this.props.searchOptions,
-          hasChangesInFilters: this.state.hasChangesInFilters,
-          showOnClearAll: this.shouldShowClearAll(),
-          onClearAll: this.handleClearAll
-        })
+    }, {
+      isValid: true,
+      updatedFilters: filteredFields
+    });
+    if (validatedFilters.isValid) {
+      onUpdateSearch({
+        filters: filteredFields,
+        page: 1
       });
+      setState({
+        hasChangesInFilters: false
+      });
+      onChange();
+    } else setState(prevState => detectChangesInFilters({
+      filteredFields: validatedFilters.updatedFilters
+    }, prevState));
+    return validatedFilters.isValid;
+  };
+  const handleRemoveFilterTagFromField = _ref15 => {
+    let fieldName = _ref15.fieldName,
+      index = _ref15.index;
+    onChange({});
+    const nextFilteredFields = removeFilterFromField(state.filteredFields, fieldName, index);
+    onUpdateSearch({
+      filters: nextFilteredFields,
+      page: 1
+    });
+    setState(prevState => _objectSpread$e(_objectSpread$e({}, prevState), {}, {
+      filteredFields: nextFilteredFields,
+      hasChangesInFilters: false
+    }));
+  };
+  const shouldShowClearAll = () => {
+    if (state.filteredFields && _Object$keys__default["default"](state.filteredFields).length === 1 && state.filteredFields.createdAt) {
+      return false;
     }
-  }], [{
-    key: "getDerivedStateFromProps",
-    value: function getDerivedStateFromProps(nextProps) {
-      if (!nextProps.isEditMode) {
-        return {
-          filteredFields: nextProps.filteredFields
-        };
-      }
-      return null;
-    }
-  }]);
-}(react.PureComponent);
-FiltersContainer.displayName = 'FiltersContainer';
-FiltersContainer.defaultProps = {
-  onChange: () => {}
+    return state.filteredFields && _Object$keys__default["default"](state.filteredFields).length > 0;
+  };
+  const handleClearAll = () => {
+    setState(prevState => _objectSpread$e(_objectSpread$e({}, prevState), {}, {
+      filteredFields: {
+        createdAt: prevState.filteredFields.createdAt
+      },
+      hasChangesInFilters: false
+    }));
+    // Notify parent about the reset
+    onChange();
+    onUpdateSearch({
+      filters: {
+        createdAt: state.filteredFields.createdAt
+      },
+      page: 1
+    });
+  };
+  return jsxRuntime.jsxs("div", {
+    "data-testid": "filters-container",
+    children: [jsxRuntime.jsx(DataTableManager__default["default"], {
+      topBar: jsxRuntime.jsx("div", {
+        children: jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+          alignItems: "center",
+          justifyContent: "space-between",
+          children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
+            alignItems: "center",
+            scale: "m",
+            children: [jsxRuntime.jsx(DateRangeSelector, {
+              isDisabled: isCurrentRecordsTotalEmpty,
+              dateFilter: dateFilter[0],
+              onDateChange: _ref16 => {
+                let from = _ref16.from,
+                  to = _ref16.to,
+                  selectedFilterType = _ref16.selectedFilterType;
+                setSearchFiltersState(_objectSpread$e(_objectSpread$e({}, searchQuery), {}, {
+                  searchText: '',
+                  page: 1,
+                  filters: _objectSpread$e(_objectSpread$e({}, searchQuery.filters), {}, {
+                    createdAt: [{
+                      selectedFilterType,
+                      type: 'range',
+                      value: {
+                        from,
+                        to
+                      },
+                      hasHours: true
+                    }]
+                  })
+                }));
+              }
+            }), jsxRuntime.jsx(FilterSearchBar, {
+              isFilterButtonDisabled: state.hasChangesInFilters,
+              onToggleFilterButton: handleToggleEditMode,
+              disabled: isDisabled
+            })]
+          }), !hasNoResults && jsxRuntime.jsx(PlatformInitiatedChangesToggle, {
+            inContextEntity: inContextEntity,
+            searchQuery: searchQuery,
+            setFilters: setFilters
+          })]
+        })
+      })
+    }), isFiltersEnabled && !isEditMode && jsxRuntime.jsx(HorizontalDivider, {}), jsxRuntime.jsx(Filters, {
+      filterDefinitions: fieldDefinitions,
+      filteredFields: state.filteredFields,
+      filtersListMaxMenuHeight: 242,
+      hasChangesInFilters: state.hasChangesInFilters,
+      isEditMode: isEditMode,
+      onAddField: handleAddField,
+      onAddFilterToField: handleAddFilterToField,
+      onApplyFilters: handleApplyFilters,
+      onCancelFilterChanges: handleCancelFilterChanges,
+      onClearAll: handleClearAll,
+      onClearFiltersFromField: handleClearFiltersFromField,
+      onRemoveFilterFromField: handleRemoveFilterFromField,
+      onToggleEditMode: handleToggleEditMode,
+      onUpdateFilterForField: handleUpdateFilterForField,
+      onUpdateQuickFilterForField: handleUpdateQuickFilterForField,
+      onRemoveFilterTagFromField: handleRemoveFilterTagFromField,
+      searchMode: state.searchMode?.value,
+      showApplyButton: false,
+      showOnClearAll: shouldShowClearAll(),
+      searchOptions: searchOptions,
+      showSaveActions: state.hasChangesInFilters
+    })]
+  });
 };
 FiltersContainer.propTypes = {};
-var FiltersContainer$1 = reactIntl.injectIntl(FiltersContainer);
+FiltersContainer.displayName = 'FiltersContainer';
 
 const messages$3 = reactIntl.defineMessages({
   noResultsText: {
@@ -18798,17 +18837,17 @@ const searchViewStyles = {
 const _excluded = ["perPageRange", "transformSearchFilterStateBeforeSet", "expandReferences"];
 function ownKeys$d(e, r) { var t = _Object$keys__default["default"](e); if (_Object$getOwnPropertySymbols__default["default"]) { var o = _Object$getOwnPropertySymbols__default["default"](e); r && (o = _filterInstanceProperty__default["default"](o).call(o, function (r) { return _Object$getOwnPropertyDescriptor__default["default"](e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var _context5, _context6; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty__default["default"](_context5 = ownKeys$d(Object(t), !0)).call(_context5, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](e, _Object$getOwnPropertyDescriptors__default["default"](t)) : _forEachInstanceProperty__default["default"](_context6 = ownKeys$d(Object(t))).call(_context6, function (r) { _Object$defineProperty__default["default"](e, r, _Object$getOwnPropertyDescriptor__default["default"](t, r)); }); } return e; }
-const EmptyListMessage = _ref2 => {
-  let totalCount = _ref2.totalCount,
-    _ref2$suggestions = _ref2.suggestions,
-    suggestions = _ref2$suggestions === void 0 ? [] : _ref2$suggestions,
-    title = _ref2.title,
-    noListMessage = _ref2.noListMessage,
-    searchQuery = _ref2.searchQuery;
-  const _ref3 = searchQuery || {},
-    _ref3$filters = _ref3.filters,
-    filters = _ref3$filters === void 0 ? {} : _ref3$filters,
-    searchText = _ref3.searchText;
+const EmptyListMessage = _ref => {
+  let totalCount = _ref.totalCount,
+    _ref$suggestions = _ref.suggestions,
+    suggestions = _ref$suggestions === void 0 ? [] : _ref$suggestions,
+    title = _ref.title,
+    noListMessage = _ref.noListMessage,
+    searchQuery = _ref.searchQuery;
+  const _ref2 = searchQuery || {},
+    _ref2$filters = _ref2.filters,
+    filters = _ref2$filters === void 0 ? {} : _ref2$filters,
+    searchText = _ref2.searchText;
   if (!totalCount && !searchText && !_Object$keys__default["default"](filters).length) {
     return jsxRuntime.jsx(uiKit.Text.Body, {
       intlMessage: noListMessage
@@ -18829,19 +18868,15 @@ const EmptyListMessage = _ref2 => {
   return null;
 };
 EmptyListMessage.propTypes = {};
-var _ref = {
-  name: "1oaeivz",
-  styles: "margin-right:8px"
-} ;
-const SearchView = _ref4 => {
+const SearchView = _ref3 => {
   var _context, _context2, _context3;
-  let _ref4$perPageRange = _ref4.perPageRange,
-    perPageRange = _ref4$perPageRange === void 0 ? 'm' : _ref4$perPageRange,
-    _ref4$transformSearch = _ref4.transformSearchFilterStateBeforeSet,
-    transformSearchFilterStateBeforeSet = _ref4$transformSearch === void 0 ? filterState => filterState : _ref4$transformSearch,
-    _ref4$expandReference = _ref4.expandReferences,
-    expandReferences = _ref4$expandReference === void 0 ? true : _ref4$expandReference,
-    props = _objectWithoutProperties(_ref4, _excluded);
+  let _ref3$perPageRange = _ref3.perPageRange,
+    perPageRange = _ref3$perPageRange === void 0 ? 'm' : _ref3$perPageRange,
+    _ref3$transformSearch = _ref3.transformSearchFilterStateBeforeSet,
+    transformSearchFilterStateBeforeSet = _ref3$transformSearch === void 0 ? filterState => filterState : _ref3$transformSearch,
+    _ref3$expandReference = _ref3.expandReferences,
+    expandReferences = _ref3$expandReference === void 0 ? true : _ref3$expandReference,
+    props = _objectWithoutProperties(_ref3, _excluded);
   react.useEffect(() => {
     handleUpdateSearch();
     // eslint-disable-next-line
@@ -18886,10 +18921,10 @@ const SearchView = _ref4 => {
       page
     });
   };
-  const onUpdateSearch = _ref5 => {
-    let filters = _ref5.filters;
-      _ref5.searchText;
-      let page = _ref5.page;
+  const onUpdateSearch = _ref4 => {
+    let filters = _ref4.filters;
+      _ref4.searchText;
+      let page = _ref4.page;
     handleUpdateSearch({
       filters,
       page
@@ -18913,8 +18948,8 @@ const SearchView = _ref4 => {
   const hasNoResults = Boolean(props.total === 0 && !props.isLoading);
   const formik$1 = formik.useFormik({
     initialValues: {
-      visibleColumnKeys: _mapInstanceProperty__default["default"](_context = props.columns.visible).call(_context, _ref6 => {
-        let key = _ref6.key;
+      visibleColumnKeys: _mapInstanceProperty__default["default"](_context = props.columns.visible).call(_context, _ref5 => {
+        let key = _ref5.key;
         return key;
       }),
       isCondensed: props.displaySettings.isCondensed,
@@ -19011,98 +19046,27 @@ const SearchView = _ref4 => {
         css: searchViewStyles.searchSection,
         children: jsxRuntime.jsx(uiKit.Collapsible, {
           isDefaultClosed: true,
-          children: _ref7 => {
-            let isOpen = _ref7.isOpen,
-              toggle = _ref7.toggle;
-            return jsxRuntime.jsx(FiltersContainer$1, {
+          children: _ref6 => {
+            let isOpen = _ref6.isOpen,
+              toggle = _ref6.toggle;
+            return jsxRuntime.jsx(FiltersContainer, {
+              dateFilter: props.dateFilter,
               fieldDefinitions: props.filterDefinitions,
               filteredFields: props.filters,
-              onUpdateSearch: onUpdateSearch,
+              hasNoResults: hasNoResults,
+              inContextEntity: props.inContextEntity,
+              isCurrentRecordsTotalEmpty: props.isCurrentRecordsTotalEmpty,
+              isDisabled: props.isDisabled,
               isEditMode: isOpen,
+              isFiltersEnabled: isFiltersEnabled,
               onChange: props.onFilterChange,
-              searchOptions: props.searchOptions,
+              onToggleEditMode: toggle,
+              onUpdateSearch: onUpdateSearch,
               searchMode: props.searchMode,
-              children: _ref8 => {
-                _ref8.searchMode;
-                  let onClearAll = _ref8.onClearAll;
-                  _ref8.showOnClearAll;
-                  let onCancelFilterChanges = _ref8.onCancelFilterChanges,
-                  onApplyFilters = _ref8.onApplyFilters,
-                  onUpdateFilterForField = _ref8.onUpdateFilterForField,
-                  onRemoveFilterFromField = _ref8.onRemoveFilterFromField,
-                  onAddFilterToField = _ref8.onAddFilterToField,
-                  onAddField = _ref8.onAddField,
-                  onClearFiltersFromField = _ref8.onClearFiltersFromField,
-                  onRemoveFilterTagFromField = _ref8.onRemoveFilterTagFromField,
-                  filteredFields = _ref8.filteredFields,
-                  hasChangesInFilters = _ref8.hasChangesInFilters;
-                  _ref8.onUpdateQuickFilterForField;
-                  _ref8.searchOptions;
-                return jsxRuntime.jsxs(jsxRuntime.Fragment, {
-                  children: [jsxRuntime.jsx(DataTableManager__default["default"], {
-                    topBar: jsxRuntime.jsx("div", {
-                      css: _ref,
-                      children: jsxRuntime.jsxs(uiKit.Spacings.Inline, {
-                        alignItems: "center",
-                        justifyContent: "space-between",
-                        children: [jsxRuntime.jsxs(uiKit.Spacings.Inline, {
-                          alignItems: "center",
-                          scale: "m",
-                          children: [jsxRuntime.jsx(DateRangeSelector, {
-                            isDisabled: props.isCurrentRecordsTotalEmpty,
-                            dateFilter: props.dateFilter[0],
-                            onDateChange: _ref9 => {
-                              let from = _ref9.from,
-                                to = _ref9.to,
-                                selectedFilterType = _ref9.selectedFilterType;
-                              props.setSearchFiltersState(_objectSpread$d(_objectSpread$d({}, props.searchQuery), {}, {
-                                searchText: '',
-                                page: 1,
-                                filters: _objectSpread$d(_objectSpread$d({}, props.searchQuery.filters), {}, {
-                                  createdAt: [{
-                                    selectedFilterType,
-                                    type: 'range',
-                                    value: {
-                                      from,
-                                      to
-                                    },
-                                    hasHours: true
-                                  }]
-                                })
-                              }));
-                            }
-                          }), jsxRuntime.jsx(FilterSearchBar, {
-                            isFilterButtonDisabled: hasChangesInFilters,
-                            onToggleFilterButton: toggle ?? (() => {}),
-                            disabled: props.isDisabled
-                          })]
-                        }), !hasNoResults && jsxRuntime.jsx(PlatformInitiatedChangesToggle, {
-                          inContextEntity: props.inContextEntity,
-                          searchQuery: props.searchQuery,
-                          setFilters: props.setFilters
-                        })]
-                      })
-                    })
-                  }), isFiltersEnabled && !isOpen && jsxRuntime.jsx(HorizontalDivider, {}), jsxRuntime.jsx(Filters, {
-                    filteredFields: filteredFields,
-                    filterDefinitions: props.filterDefinitions,
-                    isEditMode: isOpen,
-                    onToggleEditMode: toggle,
-                    onUpdateFilterForField: onUpdateFilterForField,
-                    onRemoveFilterFromField: onRemoveFilterFromField,
-                    onAddFilterToField: onAddFilterToField,
-                    onAddField: onAddField,
-                    onApplyFilters: onApplyFilters,
-                    onCancelFilterChanges: onCancelFilterChanges,
-                    onClearAll: onClearAll,
-                    onRemoveFilterTagFromField: onRemoveFilterTagFromField,
-                    onClearFiltersFromField: onClearFiltersFromField,
-                    showSaveActions: hasChangesInFilters,
-                    showApplyButton: false,
-                    filtersListMaxMenuHeight: 242
-                  })]
-                });
-              }
+              searchOptions: props.searchOptions,
+              searchQuery: props.searchQuery,
+              setFilters: props.setFilters,
+              setSearchFiltersState: props.setSearchFiltersState
             });
           }
         })