@bigbinary/neeto-filters-frontend 4.3.33 → 4.3.35

package/dist/cjs/v2/Filters.js

@@ -6,24 +6,28 @@ var classnames = require('classnames');
 var neetoCist = require('@bigbinary/neeto-cist');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var ramda = require('ramda');
-require('../../index-DX0qF4mf.js');
+var injectCss = require('../../inject-css-B6qYtOJe.js');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var react = require('react');
 var utils = require('@bigbinary/neeto-commons-frontend/utils');
-var Search = require('@bigbinary/neeto-molecules/Search');
+var Search = require('@bigbinary/neeto-molecules/v2/Search');
 var reactI18next = require('react-i18next');
 var reactRouterDom = require('react-router-dom');
 var constants = require('../../constants-DoHD7obf.js');
 var v2_utils = require('../../utils-ClTYBS1C.js');
-var utils$1 = require('../../utils-CzRCzZ3I.js');
-require('../../dayjs-9rsrbiYS.js');
+var index = require('../../index-BD5y7_BW.js');
 var jsxRuntime = require('react/jsx-runtime');
 require('i18next');
+require('../../dayjs-9rsrbiYS.js');
 require('lucide-react');
+require('../../utils-CzRCzZ3I.js');
 require('@bigbinary/neeto-icons/Help');
 
+var css = ".neeto-filters-bar{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:1rem}.neeto-filters-bar__block{border-radius:var(--radius-md);display:flex;gap:.25rem;margin:.25rem 0;max-width:384px;overflow:hidden;padding:.25rem .5rem;position:relative;transition:background-color .15s ease-in-out,color .15s ease-in-out;white-space:nowrap}.neeto-filters-bar__block-close{background-image:linear-gradient(90deg,color-mix(in oklch,var(--muted) 50%,transparent) 0,var(--muted) 25%);color:var(--foreground);inset-inline-end:0;opacity:0;padding:.5rem;position:absolute;top:0;transition:opacity .15s ease-in-out}.neeto-filters-bar__block:active,.neeto-filters-bar__block:hover{background-color:var(--muted);cursor:pointer}.neeto-filters-bar__block:active .neeto-filters-bar__block-close,.neeto-filters-bar__block:hover .neeto-filters-bar__block-close{border-radius:var(--radius-md);color:var(--foreground);opacity:1}.neeto-filters-bar__block:focus{box-shadow:0 0 0 3px color-mix(in oklch,var(--ring) 40%,transparent);outline:none}.neeto-filters-bar--separator{align-self:stretch;border-inline-start:1px solid var(--border);margin:.75rem .5rem}.neeto-filters-segment--active{border-color:var(--primary)!important;box-shadow:0 0 0 1px var(--primary)!important}.neeto-filters-pane-filter{overflow:visible;width:360px}.neeto-filters-pane-filter__body{align-items:stretch!important;gap:1.25rem;padding-bottom:20rem!important}.neeto-filters-pane-filter__body>*{flex-grow:0!important}.neeto-filters-pane-filter__body p{text-align:center}.neeto-filters-pane-filter__body .neeto-filters-pane-filter__item-wrapper{display:flex;flex:1;flex-direction:column;gap:.5rem}.neeto-filters-pane-filter__body .accordion_item .neeto-filters-pane-filter__item-wrapper{flex:1;margin-top:1rem}.neeto-filters-pane-filter__body .accordion_item .neeto-filters-pane-filter__item-wrapper:first-of-type{margin-top:0}@media screen and (max-width:767px){.neeto-filters-pane-filter{width:100vw}}.neeto-filters-pane-backdrop{backdrop-filter:blur(0)!important;background-color:color-mix(in oklch,var(--foreground) 20%,transparent)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy9jb21wb25lbnRzL3YyL3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvYmFyLmNzcyIsImFwcC9qYXZhc2NyaXB0L3NyYy9jb21wb25lbnRzL3YyL3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvc2VnbWVudHMuY3NzIiwiYXBwL2phdmFzY3JpcHQvc3JjL2NvbXBvbmVudHMvdjIvc3R5bGVzaGVldHMvY29tcG9uZW50cy9maWx0ZXJzLmNzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxtQkFHRSxrQkFBbUIsQ0FGbkIsWUFBYSxDQUNiLGNBQWUsQ0FFZixrQkFDRixDQUVBLDBCQUtFLDhCQUErQixDQUgvQixZQUFhLENBRWIsVUFBWSxDQUdaLGVBQWlCLENBQ2pCLGVBQWdCLENBRWhCLGVBQWdCLENBVGhCLG9CQUF1QixDQUV2QixpQkFBa0IsQ0FHbEIsbUVBQXVFLENBR3ZFLGtCQUVGLENBRUEsZ0NBUUUsMkdBSUMsQ0FORCx1QkFBd0IsQ0FIeEIsa0JBQW1CLENBRW5CLFNBQVUsQ0FEVixhQUFlLENBSGYsaUJBQWtCLENBQ2xCLEtBQU0sQ0FLTixtQ0FNRixDQUVBLGlFQUVFLDZCQUE4QixDQUM5QixjQUNGLENBRUEsaUlBSUUsOEJBQStCLENBRC9CLHVCQUF3QixDQUR4QixTQUdGLENBRUEsZ0NBRUUsb0VBQXVFLENBRHZFLFlBRUYsQ0FFQSw4QkFHRSxrQkFBbUIsQ0FGbkIsMkNBQTRDLENBQzVDLG1CQUVGLENDekRBLCtCQUNFLHFDQUF1QyxDQUN2Qyw2Q0FDRixDQ0hBLDJCQUVFLGdCQUFpQixDQURqQixXQUVGLENBRUEsaUNBQ0UsNkJBQStCLENBQy9CLFdBQVksQ0FDWiw4QkFDRixDQUVBLG1DQUNFLHFCQUNGLENBRUEsbUNBQ0UsaUJBQ0YsQ0FFQSwwRUFDRSxZQUFhLENBR2IsTUFBTyxDQUZQLHFCQUFzQixDQUN0QixTQUVGLENBRUEsMEZBRUUsTUFBTyxDQURQLGVBRUYsQ0FFQSx3R0FDRSxZQUNGLENBRUEsb0NBQ0UsMkJBQ0UsV0FDRixDQUNGLENBRUEsNkJBQ0UsaUNBQXFDLENBQ3JDLHNFQUNGIiwic291cmNlc0NvbnRlbnQiOlsiLm5lZXRvLWZpbHRlcnMtYmFyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBtYXJnaW4tYm90dG9tOiAxcmVtO1xufVxuXG4ubmVldG8tZmlsdGVycy1iYXJfX2Jsb2NrIHtcbiAgcGFkZGluZzogMC4yNXJlbSAwLjVyZW07XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZ2FwOiAwLjI1cmVtO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1yYWRpdXMtbWQpO1xuICB0cmFuc2l0aW9uOiBiYWNrZ3JvdW5kLWNvbG9yIDE1MG1zIGVhc2UtaW4tb3V0LCBjb2xvciAxNTBtcyBlYXNlLWluLW91dDtcbiAgbWFyZ2luOiAwLjI1cmVtIDA7XG4gIG1heC13aWR0aDogMzg0cHg7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIG92ZXJmbG93OiBoaWRkZW47XG59XG5cbi5uZWV0by1maWx0ZXJzLWJhcl9fYmxvY2stY2xvc2Uge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgaW5zZXQtaW5saW5lLWVuZDogMDtcbiAgcGFkZGluZzogMC41cmVtO1xuICBvcGFjaXR5OiAwO1xuICBjb2xvcjogdmFyKC0tZm9yZWdyb3VuZCk7XG4gIHRyYW5zaXRpb246IG9wYWNpdHkgMTUwbXMgZWFzZS1pbi1vdXQ7XG4gIGJhY2tncm91bmQtaW1hZ2U6IGxpbmVhci1ncmFkaWVudChcbiAgICA5MGRlZyxcbiAgICBjb2xvci1taXgoaW4gb2tsY2gsIHZhcigtLW11dGVkKSA1MCUsIHRyYW5zcGFyZW50KSAwJSxcbiAgICB2YXIoLS1tdXRlZCkgMjUlXG4gICk7XG59XG5cbi5uZWV0by1maWx0ZXJzLWJhcl9fYmxvY2s6aG92ZXIsXG4ubmVldG8tZmlsdGVycy1iYXJfX2Jsb2NrOmFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLW11dGVkKTtcbiAgY3Vyc29yOiBwb2ludGVyO1xufVxuXG4ubmVldG8tZmlsdGVycy1iYXJfX2Jsb2NrOmhvdmVyIC5uZWV0by1maWx0ZXJzLWJhcl9fYmxvY2stY2xvc2UsXG4ubmVldG8tZmlsdGVycy1iYXJfX2Jsb2NrOmFjdGl2ZSAubmVldG8tZmlsdGVycy1iYXJfX2Jsb2NrLWNsb3NlIHtcbiAgb3BhY2l0eTogMTtcbiAgY29sb3I6IHZhcigtLWZvcmVncm91bmQpO1xuICBib3JkZXItcmFkaXVzOiB2YXIoLS1yYWRpdXMtbWQpO1xufVxuXG4ubmVldG8tZmlsdGVycy1iYXJfX2Jsb2NrOmZvY3VzIHtcbiAgb3V0bGluZTogbm9uZTtcbiAgYm94LXNoYWRvdzogMCAwIDAgM3B4IGNvbG9yLW1peChpbiBva2xjaCwgdmFyKC0tcmluZykgNDAlLCB0cmFuc3BhcmVudCk7XG59XG5cbi5uZWV0by1maWx0ZXJzLWJhci0tc2VwYXJhdG9yIHtcbiAgYm9yZGVyLWlubGluZS1zdGFydDogMXB4IHNvbGlkIHZhcigtLWJvcmRlcik7XG4gIG1hcmdpbjogMC43NXJlbSAwLjVyZW07XG4gIGFsaWduLXNlbGY6IHN0cmV0Y2g7XG59XG4iLCIubmVldG8tZmlsdGVycy1zZWdtZW50LS1hY3RpdmUge1xuICBib3JkZXItY29sb3I6IHZhcigtLXByaW1hcnkpICFpbXBvcnRhbnQ7XG4gIGJveC1zaGFkb3c6IDAgMCAwIDFweCB2YXIoLS1wcmltYXJ5KSAhaW1wb3J0YW50O1xufVxuIiwiLm5lZXRvLWZpbHRlcnMtcGFuZS1maWx0ZXIge1xuICB3aWR0aDogMzYwcHg7XG4gIG92ZXJmbG93OiB2aXNpYmxlO1xufVxuXG4ubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlcl9fYm9keSB7XG4gIGFsaWduLWl0ZW1zOiBzdHJldGNoICFpbXBvcnRhbnQ7XG4gIGdhcDogMS4yNXJlbTtcbiAgcGFkZGluZy1ib3R0b206IDIwcmVtICFpbXBvcnRhbnQ7XG59XG5cbi5uZWV0by1maWx0ZXJzLXBhbmUtZmlsdGVyX19ib2R5ID4gKiB7XG4gIGZsZXgtZ3JvdzogMCAhaW1wb3J0YW50O1xufVxuXG4ubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlcl9fYm9keSBwIHtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xufVxuXG4ubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlcl9fYm9keSAubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlcl9faXRlbS13cmFwcGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ2FwOiAwLjVyZW07XG4gIGZsZXg6IDE7XG59XG5cbi5uZWV0by1maWx0ZXJzLXBhbmUtZmlsdGVyX19ib2R5IC5hY2NvcmRpb25faXRlbSAubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlcl9faXRlbS13cmFwcGVyIHtcbiAgbWFyZ2luLXRvcDogMXJlbTtcbiAgZmxleDogMTtcbn1cblxuLm5lZXRvLWZpbHRlcnMtcGFuZS1maWx0ZXJfX2JvZHkgLmFjY29yZGlvbl9pdGVtIC5uZWV0by1maWx0ZXJzLXBhbmUtZmlsdGVyX19pdGVtLXdyYXBwZXI6Zmlyc3Qtb2YtdHlwZSB7XG4gIG1hcmdpbi10b3A6IDA7XG59XG5cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2N3B4KSB7XG4gIC5uZWV0by1maWx0ZXJzLXBhbmUtZmlsdGVyIHtcbiAgICB3aWR0aDogMTAwdnc7XG4gIH1cbn1cblxuLm5lZXRvLWZpbHRlcnMtcGFuZS1iYWNrZHJvcCB7XG4gIGJhY2tkcm9wLWZpbHRlcjogYmx1cigwcHgpICFpbXBvcnRhbnQ7XG4gIGJhY2tncm91bmQtY29sb3I6IGNvbG9yLW1peChpbiBva2xjaCwgdmFyKC0tZm9yZWdyb3VuZCkgMjAlLCB0cmFuc3BhcmVudCk7XG59XG4iXX0= */";
+injectCss.n(css,{});
+
 var useFilters = function useFilters(_ref) {
   var onFiltersChange = _ref.onFiltersChange,
     columns = _ref.columns,
@@ -100,956 +104,6 @@ var useFilters = function useFilters(_ref) {
   return filters;
 };
 
-var getOtherProps = function getOtherProps(props) {
-  return ramda.omit(["key", "node", "label", "type", "values", "model", "showRuleSelector"], props);
-};
-var buildDropdownOptions = function buildDropdownOptions(_ref3) {
-  var defaultType = _ref3.defaultType,
-    filter = _ref3.filter,
-    _ref3$options = _ref3.options,
-    options = _ref3$options === void 0 ? [] : _ref3$options;
-  if (ramda.isEmpty(options)) {
-    if (v2_utils.isDateRange(defaultType)) {
-      options = constants.DATE_RANGE_OPTIONS;
-    } else if (v2_utils.isTimeRange(defaultType)) {
-      options = constants.TIME_RANGE_OPTIONS;
-    }
-  }
-  options = options.map(ramda.modify("value", function (value) {
-    return value === null || value === void 0 ? void 0 : value.toString();
-  }));
-  if (!filter) return options;
-  if (v2_utils.isMulti(defaultType)) {
-    var selectedOptions = filter.value.map(function (value) {
-      return neetoCist.findBy({
-        value: value
-      }, options) || neetoCist.toLabelAndValue(value);
-    });
-    var nonSelectedOptions = options.filter(function (option) {
-      return !filter.value.includes(option.value);
-    });
-    return ramda.concat(selectedOptions, nonSelectedOptions);
-  }
-  if (!neetoCist.findBy({
-    value: filter.value
-  }, options)) {
-    return ramda.append(neetoCist.toLabelAndValue(filter.value), options);
-  }
-  return options;
-};
-var initializeDateRule = function initializeDateRule(filter) {
-  return filter ? neetoCist.findBy({
-    value: filter === null || filter === void 0 ? void 0 : filter.value
-  }, constants.DATE_OPTIONS) || findDateOption(filter, constants.DATE_OPTIONS) : {};
-};
-var getDateValue = function getDateValue(value, rule) {
-  if (ramda.isEmpty(value) || ramda.isNil(value)) {
-    return null;
-  }
-  if (rule.value === "custom-date-range") {
-    return value;
-  }
-  return rule.value === "before" ? utils.dayjs(value[1]).add(1, "day") : utils.dayjs(value[0]).subtract(1, "day");
-};
-var findDateOption = function findDateOption(filter, options) {
-  var value = filter.value;
-  var isBeforeOrAfter = utils.dayjs(value[1]).diff(utils.dayjs(value[0]), "year") >= 90;
-  if (ramda.not(isBeforeOrAfter)) {
-    return ramda.last(options);
-  }
-  var currentMoment = utils.dayjs();
-  var diffWithStart = Math.abs(currentMoment.diff(utils.dayjs(value[0]), "year"));
-  var diffWithEnd = Math.abs(currentMoment.diff(utils.dayjs(value[1]), "year"));
-  return diffWithStart < diffWithEnd ? neetoCist.findBy({
-    value: "after"
-  }, options) : neetoCist.findBy({
-    value: "before"
-  }, options);
-};
-var buildDateValues = function buildDateValues(dates, selectedRule) {
-  if (selectedRule.value === "after") {
-    return [dates.add(1, "day"), dates.add(100, "year")];
-  } else if (selectedRule.value === "before") {
-    return [dates.subtract(100, "year"), dates.subtract(1, "day")];
-  }
-  return dates;
-};
-var buildHelpIconProps = function buildHelpIconProps(helpIconProps) {
-  return ramda.mergeDeepRight(v2_utils.DEFAULT_HELP_ICON_PROPS, helpIconProps);
-};
-var hasInvalidTimes = function hasInvalidTimes(times) {
-  if (neetoCist.isNotPresent(times)) return false;
-  if (Array.isArray(times)) {
-    return times.some(function (time) {
-      return time.isValid();
-    }) === false;
-  }
-  return !times.isValid();
-};
-var areCustomTimeRangeValuesNotValid = function areCustomTimeRangeValuesNotValid(times) {
-  return !times.every(function (time) {
-    return time.isValid();
-  });
-};
-var isRuleEmpty = function isRuleEmpty(rule) {
-  return ramda.equals(rule, "is_unknown");
-};
-
-function ownKeys$9(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$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Boolean = function Boolean(_ref) {
-  var _filter$value;
-  var column = _ref.column,
-    filter = _ref.filter,
-    handleApplyFilter = _ref.handleApplyFilter,
-    autoFocus = _ref.autoFocus;
-  var key = column.key,
-    _column$defaultType = column.defaultType,
-    defaultType = _column$defaultType === void 0 ? column.type : _column$defaultType,
-    label = column.label,
-    values = column.values,
-    _column$helpIconProps = column.helpIconProps,
-    helpIconProps = _column$helpIconProps === void 0 ? {} : _column$helpIconProps;
-  var options = neetoCist.isNotPresent(values) ? utils$1.isCheckbox(defaultType) ? v2_utils.CHECKBOX_OPTIONS : v2_utils.DEFAULT_BOOLEAN_OPTIONS : values;
-  var otherProps = getOtherProps(column);
-  var value = (_filter$value = filter === null || filter === void 0 ? void 0 : filter.value) !== null && _filter$value !== void 0 ? _filter$value : null;
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var handleChange = function handleChange(selectedValue) {
-    if (ramda.isEmpty(selectedValue) || ramda.isNil(selectedValue)) {
-      handleApplyFilter({
-        _delete: true
-      });
-      return;
-    }
-    var option = neetoCist.findBy({
-      value: selectedValue
-    }, options);
-    var updatedFilter = utils$1.buildUpdatedFilter({
-      column: column,
-      defaultType: defaultType,
-      option: option
-    });
-    handleApplyFilter(updatedFilter);
-  };
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: "neeto-filters-pane-filter__item-wrapper",
-    children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Select, _objectSpread$9(_objectSpread$9({
-      autoFocus: autoFocus,
-      label: label,
-      options: options,
-      value: value,
-      isClearable: true
-    }, neetoCist.isNotEmpty(helpIconProps) && {
-      labelProps: {
-        helpIconProps: buildHelpIconProps(helpIconProps)
-      }
-    }), {}, {
-      "data-testid": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
-      strategy: "fixed",
-      placeholder: t("neetoFilters.messages.selectOption", {
-        resource: label
-      }),
-      onChange: handleChange
-    }, otherProps))
-  });
-};
-var Boolean$1 = /*#__PURE__*/react.memo(Boolean);
-
-function ownKeys$8(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$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Datetime = function Datetime(_ref) {
-  var column = _ref.column,
-    filter = _ref.filter,
-    handleApplyFilter = _ref.handleApplyFilter,
-    autoFocus = _ref.autoFocus;
-  var _useState = react.useState(function () {
-      var _initializeDateRule$v, _initializeDateRule;
-      return (_initializeDateRule$v = (_initializeDateRule = initializeDateRule(filter)) === null || _initializeDateRule === void 0 ? void 0 : _initializeDateRule.value) !== null && _initializeDateRule$v !== void 0 ? _initializeDateRule$v : null;
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedRule = _useState2[0],
-    setSelectedRule = _useState2[1];
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var key = column.key,
-    _column$defaultType = column.defaultType,
-    defaultType = _column$defaultType === void 0 ? column.type : _column$defaultType,
-    label = column.label,
-    _column$helpIconProps = column.helpIconProps,
-    helpIconProps = _column$helpIconProps === void 0 ? {} : _column$helpIconProps;
-  var isDatePickerShown = filter && utils$1.isCustomDateRange(filter.value);
-  var otherProps = getOtherProps(column);
-  var handleChange = function handleChange(selectedValue) {
-    if (ramda.isEmpty(selectedValue) || ramda.isNil(selectedValue)) {
-      handleApplyFilter({
-        _delete: true
-      });
-      setSelectedRule(null);
-      return;
-    }
-    setSelectedRule(selectedValue);
-    var option = neetoCist.findBy({
-      value: selectedValue
-    }, constants.DATE_OPTIONS);
-    var updatedFilter = utils$1.buildUpdatedFilter({
-      column: column,
-      defaultType: defaultType,
-      option: option
-    });
-    handleApplyFilter(updatedFilter);
-  };
-  var handleDateRangeChange = function handleDateRangeChange(dates) {
-    if (ramda.isEmpty(dates) || ramda.isNil(dates)) {
-      handleApplyFilter({
-        _delete: true
-      });
-      setSelectedRule(null);
-      return;
-    }
-    var updatedFilter = utils$1.buildUpdatedFilter({
-      column: column,
-      defaultType: defaultType,
-      option: {
-        value: buildDateValues(dates, {
-          value: selectedRule
-        }).map(function (date) {
-          return date.toISOString();
-        })
-      }
-    });
-    handleApplyFilter(updatedFilter);
-  };
-  react.useEffect(function () {
-    ramda.isNil(filter) && setSelectedRule(null);
-  }, [filter]);
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "neeto-filters-pane-filter__item-wrapper",
-    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Select, _objectSpread$8(_objectSpread$8({
-      autoFocus: autoFocus,
-      label: label,
-      isClearable: true,
-      "data-testid": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
-      options: constants.DATE_OPTIONS,
-      strategy: "fixed",
-      value: selectedRule,
-      placeholder: t("neetoFilters.messages.selectResource", {
-        resource: label
-      })
-    }, neetoCist.isNotEmpty(helpIconProps) && {
-      labelProps: {
-        helpIconProps: buildHelpIconProps(helpIconProps)
-      }
-    }), {}, {
-      onChange: handleChange
-    })), isDatePickerShown && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.DatePicker, _objectSpread$8({
-      "data-testid": "neeto-filters-".concat(neetoCist.hyphenate(key), "-date-range"),
-      getPopupContainer: ramda.prop("parentNode"),
-      type: selectedRule === "custom-date-range" ? "range" : "date",
-      value: getDateValue(filter === null || filter === void 0 ? void 0 : filter.value, {
-        value: selectedRule
-      }),
-      onChange: handleDateRangeChange
-    }, otherProps))]
-  });
-};
-var Datetime$1 = /*#__PURE__*/react.memo(Datetime);
-
-function ownKeys$7(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$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Dropdown = function Dropdown(_ref) {
-  var _filter$value, _filter$value2;
-  var column = _ref.column,
-    filter = _ref.filter,
-    handleApplyFilter = _ref.handleApplyFilter,
-    autoFocus = _ref.autoFocus,
-    filters = _ref.filters;
-  var key = column.key,
-    label = column.label,
-    values = column.values,
-    defaultValue = column.defaultValue,
-    _column$defaultType = column.defaultType,
-    defaultType = _column$defaultType === void 0 ? column.type : _column$defaultType,
-    _column$showRuleSelec = column.showRuleSelector,
-    showRuleSelector = _column$showRuleSelec === void 0 ? false : _column$showRuleSelec,
-    _column$isClearable = column.isClearable,
-    isClearable = _column$isClearable === void 0 ? true : _column$isClearable,
-    _column$helpIconProps = column.helpIconProps,
-    helpIconProps = _column$helpIconProps === void 0 ? {} : _column$helpIconProps;
-  var otherProps = getOtherProps(column);
-  var options = buildDropdownOptions({
-    defaultType: defaultType,
-    filter: filter,
-    options: values
-  });
-  var dropdownRules = v2_utils.isMulti(defaultType) ? v2_utils.MULTI_DROPDOWN_RULES : v2_utils.SINGLE_DROPDOWN_RULES;
-  var value = v2_utils.isMulti(defaultType) ? (_filter$value = filter === null || filter === void 0 ? void 0 : filter.value) !== null && _filter$value !== void 0 ? _filter$value : [] : (_filter$value2 = filter === null || filter === void 0 ? void 0 : filter.value) !== null && _filter$value2 !== void 0 ? _filter$value2 : null;
-  var _useState = react.useState(function () {
-      return (neetoCist.findBy({
-        value: filter === null || filter === void 0 ? void 0 : filter.rule
-      }, dropdownRules) || dropdownRules[0]).value;
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedRule = _useState2[0],
-    setSelectedRule = _useState2[1];
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var getOption = function getOption(isSelectedRuleEmpty, options, value) {
-    if (isSelectedRuleEmpty) {
-      return v2_utils.isMulti(defaultType) ? [options[0]] : options[0];
-    }
-    if (v2_utils.isMulti(defaultType)) {
-      return options.filter(function (o) {
-        return value === null || value === void 0 ? void 0 : value.includes(o.value);
-      });
-    }
-    return neetoCist.findBy({
-      value: value
-    }, options);
-  };
-  var handleRuleChange = function handleRuleChange(ruleValue) {
-    var isPreviousRuleEmpty = isRuleEmpty(selectedRule);
-    var isNewRuleEmpty = isRuleEmpty(ruleValue);
-    setSelectedRule(ruleValue);
-    if (isPreviousRuleEmpty || !isNewRuleEmpty && neetoCist.isNotPresent(filter === null || filter === void 0 ? void 0 : filter.value)) {
-      handleApplyFilter({
-        _delete: true
-      });
-      return;
-    }
-    var updatedFilter = v2_utils.buildUpdatedFilter({
-      column: column,
-      defaultType: defaultType,
-      rule: ruleValue,
-      option: getOption(isNewRuleEmpty, options, value)
-    });
-    handleApplyFilter(updatedFilter);
-  };
-  var handleChange = function handleChange(selectedValue) {
-    if (ramda.isEmpty(selectedValue) || ramda.isNil(selectedValue)) {
-      handleApplyFilter({
-        _delete: true
-      });
-      return;
-    }
-    var option = v2_utils.isMulti(defaultType) ? options.filter(function (o) {
-      return selectedValue.includes(o.value);
-    }) : neetoCist.findBy({
-      value: selectedValue
-    }, options);
-    var updatedFilter = v2_utils.buildUpdatedFilter({
-      column: column,
-      defaultType: defaultType,
-      option: option,
-      rule: selectedRule
-    });
-    handleApplyFilter(updatedFilter);
-  };
-  react.useEffect(function () {
-    if (!ramda.isEmpty(filters)) return;
-    isRuleEmpty(selectedRule) && setSelectedRule(dropdownRules[0].value);
-  }, [filters]);
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "neeto-filters-pane-filter__item-wrapper",
-    children: [showRuleSelector && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Select, {
-      label: label,
-      defaultValue: dropdownRules[0].value,
-      options: dropdownRules,
-      value: selectedRule,
-      onChange: handleRuleChange
-    }), !isRuleEmpty(selectedRule) && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Select, _objectSpread$7(_objectSpread$7({
-      autoFocus: autoFocus,
-      options: options,
-      value: value,
-      "data-testid": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
-      isClearable: !defaultValue && isClearable,
-      isMulti: v2_utils.isMulti(defaultType),
-      label: !showRuleSelector && label,
-      strategy: "fixed",
-      placeholder: t("neetoFilters.messages.selectResource", {
-        resource: label
-      })
-    }, neetoCist.isNotEmpty(helpIconProps) && {
-      labelProps: {
-        helpIconProps: buildHelpIconProps(helpIconProps)
-      }
-    }), {}, {
-      onChange: handleChange
-    }, otherProps))]
-  });
-};
-var Dropdown$1 = /*#__PURE__*/react.memo(Dropdown);
-
-function ownKeys$6(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$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var SingleDatetime = function SingleDatetime(_ref) {
-  var column = _ref.column,
-    filter = _ref.filter,
-    filters = _ref.filters,
-    handleApplyFilter = _ref.handleApplyFilter,
-    autoFocus = _ref.autoFocus;
-  var _useState = react.useState(function () {
-      return (neetoCist.findBy({
-        value: filter === null || filter === void 0 ? void 0 : filter.rule
-      }, constants.SINGLE_DATE_OPTIONS) || constants.SINGLE_DATE_OPTIONS[0]).value;
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedRule = _useState2[0],
-    setSelectedRule = _useState2[1];
-  var key = column.key,
-    _column$defaultType = column.defaultType,
-    defaultType = _column$defaultType === void 0 ? column.type : _column$defaultType,
-    label = column.label,
-    _column$helpIconProps = column.helpIconProps,
-    helpIconProps = _column$helpIconProps === void 0 ? {} : _column$helpIconProps;
-  var otherProps = getOtherProps(column);
-  var datePickerType = selectedRule === "between" ? "range" : "date";
-  var value = filter === null || filter === void 0 ? void 0 : filter.value;
-
-  // Reset states when "Clear filters" button is clicked.
-  react.useEffect(function () {
-    if (!ramda.isEmpty(filters)) return;
-    setSelectedRule(constants.SINGLE_DATE_OPTIONS[0].value);
-  }, [filters]);
-  var handleRuleChange = function handleRuleChange(ruleValue) {
-    setSelectedRule(ruleValue);
-
-    // Clear value if switched between incompatible types
-    var updateValue = value;
-    if (datePickerType === "range" && ruleValue !== "between" || datePickerType === "date" && ruleValue === "between") {
-      updateValue = "";
-    }
-    var updatedFilter = utils$1.buildUpdatedFilter({
-      column: column,
-      defaultType: defaultType,
-      option: {},
-      rule: ruleValue,
-      value: updateValue
-    });
-    handleApplyFilter(updatedFilter);
-  };
-  var handleChange = function handleChange(dates) {
-    if (ramda.isEmpty(dates) || ramda.isNil(dates)) {
-      handleApplyFilter({
-        _delete: true
-      });
-      return;
-    }
-    var value = datePickerType === "range" ? dates.map(function (date) {
-      return date.toISOString();
-    }) : dates;
-    var updatedFilter = utils$1.buildUpdatedFilter({
-      column: column,
-      defaultType: defaultType,
-      option: {},
-      rule: selectedRule,
-      value: value
-    });
-    handleApplyFilter(updatedFilter);
-  };
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "neeto-filters-pane-filter__item-wrapper",
-    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Select, _objectSpread$6(_objectSpread$6({
-      label: label,
-      "data-testid": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter-rule"),
-      defaultValue: constants.SINGLE_DATE_OPTIONS[0].value,
-      options: constants.SINGLE_DATE_OPTIONS,
-      strategy: "fixed",
-      value: selectedRule
-    }, neetoCist.isNotEmpty(helpIconProps) && {
-      labelProps: {
-        helpIconProps: buildHelpIconProps(helpIconProps)
-      }
-    }), {}, {
-      onChange: handleRuleChange
-    })), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.DatePicker, _objectSpread$6({
-      autoFocus: autoFocus,
-      value: value,
-      "data-testid": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
-      getPopupContainer: ramda.prop("parentNode"),
-      type: datePickerType,
-      onChange: handleChange
-    }, otherProps))]
-  });
-};
-
-function ownKeys$5(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$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var SingleTime = function SingleTime(_ref) {
-  var column = _ref.column,
-    filter = _ref.filter,
-    filters = _ref.filters,
-    handleApplyFilter = _ref.handleApplyFilter,
-    autoFocus = _ref.autoFocus;
-  var _useState = react.useState(function () {
-      return (neetoCist.findBy({
-        value: filter === null || filter === void 0 ? void 0 : filter.rule
-      }, constants.SINGLE_TIME_OPTIONS) || constants.SINGLE_TIME_OPTIONS[0]).value;
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedRule = _useState2[0],
-    setSelectedRule = _useState2[1];
-  var key = column.key,
-    _column$defaultType = column.defaultType,
-    defaultType = _column$defaultType === void 0 ? column.type : _column$defaultType,
-    label = column.label,
-    _column$helpIconProps = column.helpIconProps,
-    helpIconProps = _column$helpIconProps === void 0 ? {} : _column$helpIconProps;
-  var otherProps = getOtherProps(column);
-  var timePickerType = selectedRule === "between" ? "range" : "time";
-  var value = filter === null || filter === void 0 ? void 0 : filter.value;
-  react.useEffect(function () {
-    if (!ramda.isEmpty(filters)) return;
-    setSelectedRule(constants.SINGLE_TIME_OPTIONS[0].value);
-  }, [filters]);
-  var handleRuleChange = function handleRuleChange(ruleValue) {
-    setSelectedRule(ruleValue);
-
-    // Clear value if switched between incompatible types
-    var updateValue = value;
-    if (timePickerType === "range" && ruleValue !== "between" || timePickerType === "time" && ruleValue === "between") {
-      updateValue = "";
-    }
-    var updatedFilter = utils$1.buildUpdatedFilter({
-      column: column,
-      defaultType: defaultType,
-      option: {},
-      rule: ruleValue,
-      value: updateValue
-    });
-    handleApplyFilter(updatedFilter);
-  };
-  var handleChange = function handleChange(times) {
-    if (hasInvalidTimes(times)) {
-      handleApplyFilter({
-        _delete: true
-      });
-      return;
-    }
-    if (timePickerType === "range" && areCustomTimeRangeValuesNotValid(times)) {
-      return;
-    }
-    var value = timePickerType === "range" ? times === null || times === void 0 ? void 0 : times.map(function (time) {
-      return time.toISOString();
-    }) : times === null || times === void 0 ? void 0 : times.toISOString();
-    var updatedFilter = utils$1.buildUpdatedFilter({
-      column: column,
-      defaultType: defaultType,
-      option: {},
-      rule: selectedRule,
-      value: value
-    });
-    handleApplyFilter(updatedFilter);
-  };
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "neeto-filters-pane-filter__item-wrapper",
-    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Select, _objectSpread$5(_objectSpread$5({
-      label: label,
-      defaultValue: constants.SINGLE_TIME_OPTIONS[0].value,
-      options: constants.SINGLE_TIME_OPTIONS,
-      strategy: "fixed",
-      value: selectedRule
-    }, neetoCist.isNotEmpty(helpIconProps) && {
-      labelProps: {
-        helpIconProps: buildHelpIconProps(helpIconProps)
-      }
-    }), {}, {
-      onChange: handleRuleChange
-    })), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.TimePicker, _objectSpread$5({
-      autoFocus: autoFocus,
-      value: value,
-      className: "w-full",
-      "data-testid": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
-      format: v2_utils.TIME_FORMAT,
-      type: timePickerType,
-      onChange: handleChange
-    }, otherProps))]
-  });
-};
-
-function ownKeys$4(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$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Text = function Text(_ref) {
-  var column = _ref.column,
-    filter = _ref.filter,
-    filters = _ref.filters,
-    handleApplyFilter = _ref.handleApplyFilter,
-    autoFocus = _ref.autoFocus,
-    onClose = _ref.onClose;
-  var key = column.key,
-    _column$defaultType = column.defaultType,
-    defaultType = _column$defaultType === void 0 ? column.type : _column$defaultType,
-    label = column.label,
-    _column$showRuleSelec = column.showRuleSelector,
-    showRuleSelector = _column$showRuleSelec === void 0 ? false : _column$showRuleSelec,
-    _column$helpIconProps = column.helpIconProps,
-    helpIconProps = _column$helpIconProps === void 0 ? {} : _column$helpIconProps;
-  var otherProps = getOtherProps(column);
-  var ruleOptions = utils$1.buildRuleOptions({
-    defaultType: defaultType
-  });
-  var inputType = defaultType === "text" || defaultType === "custom.text" ? "text" : "number";
-  var _useState = react.useState(filter === null || filter === void 0 ? void 0 : filter.value),
-    _useState2 = _slicedToArray(_useState, 2),
-    inputValue = _useState2[0],
-    setInputValue = _useState2[1];
-  var _useState3 = react.useState(function () {
-      return (neetoCist.findBy({
-        value: filter === null || filter === void 0 ? void 0 : filter.rule
-      }, ruleOptions) || ruleOptions[0]).value;
-    }),
-    _useState4 = _slicedToArray(_useState3, 2),
-    selectedRule = _useState4[0],
-    setSelectedRule = _useState4[1];
-  var debouncedInputValue = reactUtils.useDebounce(inputValue);
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var handleUpdateAndApplyFilter = function handleUpdateAndApplyFilter() {
-    var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : debouncedInputValue;
-    var ruleValue = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : selectedRule;
-    if (ramda.equals(filter === null || filter === void 0 ? void 0 : filter.value, value) && ramda.equals(selectedRule, ruleValue)) return;
-    var updatedFilter = utils$1.buildUpdatedFilter({
-      column: column,
-      defaultType: defaultType,
-      option: {},
-      rule: ruleValue,
-      value: value.trim()
-    });
-    handleApplyFilter(updatedFilter);
-  };
-  var handleKeydown = function handleKeydown(e) {
-    if (!(e.key === "Enter")) return;
-    handleUpdateAndApplyFilter(inputValue);
-    onClose();
-  };
-  var handleRuleChange = function handleRuleChange(ruleValue) {
-    setSelectedRule(ruleValue);
-    if (!debouncedInputValue) return;
-    handleUpdateAndApplyFilter(debouncedInputValue, ruleValue);
-  };
-
-  // Reset states when "Clear filters" button is clicked.
-  react.useEffect(function () {
-    (ramda.isEmpty(filters) || ramda.isNil(filter)) && setInputValue("");
-  }, [filter]);
-  react.useEffect(function () {
-    if (!debouncedInputValue) {
-      !utils$1.isUndefinedOrEmpty(filter) && handleApplyFilter({
-        _delete: true
-      });
-      return;
-    }
-    handleUpdateAndApplyFilter();
-  }, [debouncedInputValue]);
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "neeto-filters-pane-filter__item-wrapper",
-    children: [showRuleSelector && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Select, _objectSpread$4({
-      label: label,
-      "data-testid": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter-rule"),
-      defaultValue: ruleOptions[0].value,
-      options: ruleOptions,
-      strategy: "fixed",
-      value: selectedRule,
-      onChange: handleRuleChange
-    }, neetoCist.isNotEmpty(helpIconProps) && {
-      labelProps: {
-        helpIconProps: buildHelpIconProps(helpIconProps)
-      }
-    })), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Input, _objectSpread$4(_objectSpread$4({
-      autoFocus: autoFocus,
-      "data-testid": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
-      label: !showRuleSelector && label,
-      type: inputType,
-      value: inputValue
-    }, neetoCist.isNotEmpty(helpIconProps) && {
-      labelProps: {
-        helpIconProps: buildHelpIconProps(helpIconProps)
-      }
-    }), {}, {
-      placeholder: t("neetoFilters.messages.enterResource", {
-        resource: label
-      }),
-      onChange: function onChange(event) {
-        return setInputValue(event.target.value);
-      },
-      onKeyDown: handleKeydown
-    }, otherProps))]
-  });
-};
-
-function ownKeys$3(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$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Time = function Time(_ref) {
-  var _filter$value;
-  var column = _ref.column,
-    filter = _ref.filter,
-    handleApplyFilter = _ref.handleApplyFilter,
-    autoFocus = _ref.autoFocus;
-  var key = column.key,
-    _column$defaultType = column.defaultType,
-    defaultType = _column$defaultType === void 0 ? column.type : _column$defaultType,
-    label = column.label,
-    _column$helpIconProps = column.helpIconProps,
-    helpIconProps = _column$helpIconProps === void 0 ? {} : _column$helpIconProps;
-  var otherProps = getOtherProps(column);
-  var value = (_filter$value = filter === null || filter === void 0 ? void 0 : filter.value) !== null && _filter$value !== void 0 ? _filter$value : null;
-  var isCustomTimeRangeShown = filter && utils$1.isCustomTimeRange(filter.value);
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var handleChange = function handleChange(selectedValue) {
-    if (ramda.isEmpty(selectedValue) || ramda.isNil(selectedValue)) {
-      handleApplyFilter({
-        _delete: true
-      });
-      return;
-    }
-    var option = neetoCist.findBy({
-      value: selectedValue
-    }, constants.TIME_OPTIONS);
-    var updatedFilter = utils$1.buildUpdatedFilter({
-      column: column,
-      defaultType: defaultType,
-      option: option
-    });
-    handleApplyFilter(updatedFilter);
-  };
-  var handleTimeRangeChange = function handleTimeRangeChange(times) {
-    if (hasInvalidTimes(times)) {
-      handleApplyFilter({
-        _delete: true
-      });
-      return;
-    }
-    if (isCustomTimeRangeShown && areCustomTimeRangeValuesNotValid(times)) {
-      return;
-    }
-    var updatedFilter = utils$1.buildUpdatedFilter({
-      column: column,
-      defaultType: defaultType,
-      option: {
-        value: times.map(function (time) {
-          return time.toISOString();
-        })
-      }
-    });
-    handleApplyFilter(updatedFilter);
-  };
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "neeto-filters-pane-filter__item-wrapper",
-    children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Select, _objectSpread$3(_objectSpread$3({
-      autoFocus: autoFocus,
-      label: label,
-      value: value,
-      isClearable: true,
-      "data-testid": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
-      options: constants.TIME_OPTIONS,
-      strategy: "fixed",
-      placeholder: t("neetoFilters.messages.selectResource", {
-        resource: label
-      })
-    }, neetoCist.isNotEmpty(helpIconProps) && {
-      labelProps: {
-        helpIconProps: buildHelpIconProps(helpIconProps)
-      }
-    }), {}, {
-      onChange: handleChange
-    })), isCustomTimeRangeShown && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.TimePicker, _objectSpread$3({
-      className: "w-full",
-      "data-testid": "neeto-filters-".concat(neetoCist.hyphenate(key), "-date-range"),
-      format: v2_utils.TIME_FORMAT,
-      type: "range",
-      value: filter.value,
-      onChange: handleTimeRangeChange
-    }, otherProps))]
-  });
-};
-var Time$1 = /*#__PURE__*/react.memo(Time);
-
-function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var TreeSelect = function TreeSelect(_ref) {
-  var _findBy, _filter$value;
-  var autoFocus = _ref.autoFocus,
-    column = _ref.column,
-    filter = _ref.filter,
-    handleApplyFilter = _ref.handleApplyFilter;
-  var key = column.key,
-    label = column.label,
-    _column$defaultType = column.defaultType,
-    defaultType = _column$defaultType === void 0 ? column.type : _column$defaultType,
-    defaultValue = column.defaultValue,
-    _column$helpIconProps = column.helpIconProps,
-    helpIconProps = _column$helpIconProps === void 0 ? {} : _column$helpIconProps,
-    _column$isClearable = column.isClearable,
-    isClearable = _column$isClearable === void 0 ? true : _column$isClearable,
-    _column$showRuleSelec = column.showRuleSelector,
-    showRuleSelector = _column$showRuleSelec === void 0 ? false : _column$showRuleSelec,
-    options = column.values;
-  var initialRule = ((_findBy = neetoCist.findBy({
-    value: filter === null || filter === void 0 ? void 0 : filter.rule
-  }, v2_utils.TREE_SELECT_RULES)) !== null && _findBy !== void 0 ? _findBy : v2_utils.TREE_SELECT_RULES[0]).value;
-  var _useState = react.useState(initialRule),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedRule = _useState2[0],
-    setSelectedRule = _useState2[1];
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var selectedOption = (_filter$value = filter === null || filter === void 0 ? void 0 : filter.value) !== null && _filter$value !== void 0 ? _filter$value : [];
-  var handleChange = function handleChange(option) {
-    if (neetoCist.isNotPresent(option)) return handleApplyFilter({
-      _delete: true
-    });
-    var updatedFilter = utils$1.buildUpdatedFilter({
-      column: column,
-      defaultType: defaultType,
-      option: option,
-      rule: selectedRule
-    });
-    return handleApplyFilter(updatedFilter);
-  };
-  var handleRuleChange = function handleRuleChange(ruleValue) {
-    var isPreviousRuleEmpty = isRuleEmpty(selectedRule);
-    var isNewRuleEmpty = isRuleEmpty(ruleValue);
-    setSelectedRule(ruleValue);
-    if (isPreviousRuleEmpty || !isNewRuleEmpty && neetoCist.isNotPresent(filter === null || filter === void 0 ? void 0 : filter.value)) {
-      return handleApplyFilter({
-        _delete: true
-      });
-    }
-    var updatedFilter = utils$1.buildUpdatedFilter({
-      column: column,
-      defaultType: defaultType,
-      option: isNewRuleEmpty ? [options[0]] : selectedOption,
-      rule: ruleValue
-    });
-    return handleApplyFilter(updatedFilter);
-  };
-  return /*#__PURE__*/jsxRuntime.jsxs("div", {
-    className: "neeto-filters-pane-filter__item-wrapper",
-    children: [showRuleSelector && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Select, {
-      label: label,
-      defaultValue: v2_utils.TREE_SELECT_RULES[0].value,
-      options: v2_utils.TREE_SELECT_RULES,
-      value: selectedRule,
-      onChange: handleRuleChange
-    }), !isRuleEmpty(selectedRule) &&
-    /*#__PURE__*/
-    // eslint-disable-next-line @bigbinary/neeto/merge-spread-attributes
-    jsxRuntime.jsx(neetoAtoms.TreeSelect, _objectSpread$2(_objectSpread$2({
-      autoFocus: autoFocus,
-      multiple: true,
-      showSearch: true,
-      treeDataSimpleMode: true,
-      allowClear: !defaultValue && isClearable,
-      "data-testid": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
-      label: !showRuleSelector && label,
-      treeData: options,
-      value: selectedOption,
-      placeholder: t("neetoFilters.messages.selectResource", {
-        resource: label
-      }),
-      onChange: handleChange
-    }, neetoCist.isNotEmpty(helpIconProps) && {
-      labelProps: {
-        helpIconProps: buildHelpIconProps(helpIconProps)
-      }
-    }), getOtherProps(column)))]
-  });
-};
-var TreeSelect$1 = /*#__PURE__*/react.memo(TreeSelect);
-
-var Item = function Item(_ref) {
-  var column = _ref.column,
-    filters = _ref.filters,
-    onChange = _ref.onChange,
-    autoFocus = _ref.autoFocus,
-    _ref$onClose = _ref.onClose,
-    onClose = _ref$onClose === void 0 ? neetoCist.noop : _ref$onClose;
-  var key = column.key,
-    _column$defaultType = column.defaultType,
-    defaultType = _column$defaultType === void 0 ? column.type : _column$defaultType;
-  var filter = react.useMemo(function () {
-    return neetoCist.findBy({
-      key: key
-    }, filters);
-  }, [filters, key]);
-  var handleApplyFilter = function handleApplyFilter(updatedFilter) {
-    if (updatedFilter._delete) onChange(neetoCist.removeBy({
-      key: key
-    }, filters));else if (!filter) onChange(ramda.append(updatedFilter, filters));else onChange(neetoCist.replaceBy({
-      key: key
-    }, updatedFilter, filters));
-  };
-  if (v2_utils.isText(defaultType) || v2_utils.isDigit(defaultType)) {
-    return /*#__PURE__*/jsxRuntime.jsx(Text, {
-      autoFocus: autoFocus,
-      column: column,
-      filter: filter,
-      filters: filters,
-      handleApplyFilter: handleApplyFilter,
-      onClose: onClose
-    });
-  }
-  if (v2_utils.isDate(defaultType)) {
-    return /*#__PURE__*/jsxRuntime.jsx(Datetime$1, {
-      autoFocus: autoFocus,
-      column: column,
-      filter: filter,
-      handleApplyFilter: handleApplyFilter
-    });
-  }
-  if (v2_utils.isTime(defaultType)) {
-    return /*#__PURE__*/jsxRuntime.jsx(Time$1, {
-      autoFocus: autoFocus,
-      column: column,
-      filter: filter,
-      handleApplyFilter: handleApplyFilter
-    });
-  }
-  if (v2_utils.isSingleDate(defaultType)) {
-    return /*#__PURE__*/jsxRuntime.jsx(SingleDatetime, {
-      autoFocus: autoFocus,
-      column: column,
-      filter: filter,
-      filters: filters,
-      handleApplyFilter: handleApplyFilter
-    });
-  }
-  if (v2_utils.isSingleTime(defaultType)) {
-    return /*#__PURE__*/jsxRuntime.jsx(SingleTime, {
-      autoFocus: autoFocus,
-      column: column,
-      filter: filter,
-      filters: filters,
-      handleApplyFilter: handleApplyFilter
-    });
-  }
-  if (v2_utils.isBoolean(defaultType) || v2_utils.isCheckbox(defaultType)) {
-    return /*#__PURE__*/jsxRuntime.jsx(Boolean$1, {
-      autoFocus: autoFocus,
-      column: column,
-      defaultType: defaultType,
-      filter: filter,
-      handleApplyFilter: handleApplyFilter
-    });
-  }
-  if (v2_utils.isTreeSelect(defaultType)) {
-    return /*#__PURE__*/jsxRuntime.jsx(TreeSelect$1, {
-      autoFocus: autoFocus,
-      column: column,
-      filter: filter,
-      handleApplyFilter: handleApplyFilter
-    });
-  }
-  return /*#__PURE__*/jsxRuntime.jsx(Dropdown$1, {
-    autoFocus: autoFocus,
-    column: column,
-    filter: filter,
-    filters: filters,
-    handleApplyFilter: handleApplyFilter
-  });
-};
-
 var _excluded = ["isOpen", "onClose", "columns", "onChange", "isSearchable", "keyword", "onSelectorsChange", "childrenKeys", "children", "className"];
 function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -1164,7 +218,7 @@ var Pane = function Pane(_ref) {
           return setSearchTerm(value);
         }
       }), ungroupedColumns.map(function (column) {
-        return /*#__PURE__*/react.createElement(Item, {
+        return /*#__PURE__*/react.createElement(index.Item, {
           column: column,
           filters: filters,
           autoFocus: column.key === isOpen,
@@ -1188,7 +242,7 @@ var Pane = function Pane(_ref) {
             className: "accordion_item",
             title: group,
             children: columns.map(function (column) {
-              return /*#__PURE__*/react.createElement(Item, {
+              return /*#__PURE__*/react.createElement(index.Item, {
                 column: column,
                 filters: filters,
                 autoFocus: column.key === isOpen,