@bigbinary/neeto-filters-frontend 2.12.15 → 2.12.17

package/dist/index.cjs.js

@@ -3788,7 +3788,7 @@ var buildFilterColumnsFromFields = function buildFilterColumnsFromFields(fields)
         column.values = field.data.map(function (item) {
           return {
             label: pure.capitalize(item.label),
-            value: item.label
+            value: item.id
           };
         });
       }
@@ -7095,6 +7095,7 @@ var Datetime = function Datetime(_ref) {
     onChange: handleChange
   }), isDatePickerShown && /*#__PURE__*/React__default["default"].createElement(neetoui.DatePicker, _extends$1({
     "data-cy": "neeto-filters-".concat(key, "-date-range"),
+    getPopupContainer: ramda.prop("parentNode"),
     type: (selectedRule === null || selectedRule === void 0 ? void 0 : selectedRule.value) === "custom-date-range" ? "range" : "date",
     value: getDateValue(filter === null || filter === void 0 ? void 0 : filter.value, selectedRule),
     onChange: handleDateRangeChange
@@ -7226,18 +7227,19 @@ var SingleDatetime = function SingleDatetime(_ref) {
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-filters-pane-filter__item-wrapper"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Select, {
+    label: label,
     "data-cy": "neeto-filters-".concat(key, "-filter-rule"),
     defaultValue: SINGLE_DATE_OPTIONS[0],
-    label: label,
     options: SINGLE_DATE_OPTIONS,
     strategy: "fixed",
     value: selectedRule,
     onChange: handleRuleChange
   }), /*#__PURE__*/React__default["default"].createElement(neetoui.DatePicker, _extends$1({
     autoFocus: autoFocus,
+    value: value,
     "data-cy": "neeto-filters-".concat(key, "-filter"),
+    getPopupContainer: ramda.prop("parentNode"),
     type: datePickerType,
-    value: value,
     onChange: handleChange
   }, otherProps)));
 };
@@ -7301,8 +7303,8 @@ var SingleTime = function SingleTime(_ref) {
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-filters-pane-filter__item-wrapper"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Select, {
-    defaultValue: SINGLE_TIME_OPTIONS[0],
     label: label,
+    defaultValue: SINGLE_TIME_OPTIONS[0],
     options: SINGLE_TIME_OPTIONS,
     strategy: "fixed",
     value: selectedRule,
@@ -7310,11 +7312,12 @@ var SingleTime = function SingleTime(_ref) {
   }), /*#__PURE__*/React__default["default"].createElement(neetoui.TimePicker, _extends$1({
     use12Hours: true,
     autoFocus: autoFocus,
+    value: value,
     className: "w-full",
     "data-cy": "neeto-filters-".concat(key, "-filter"),
     format: "h:mm A",
+    getPopupContainer: ramda.prop("parentNode"),
     type: timePickerType,
-    value: value,
     onChange: handleChange
   }, otherProps)));
 };
@@ -7461,11 +7464,11 @@ var Time = function Time(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Select, {
     isClearable: true,
     autoFocus: autoFocus,
-    "data-cy": "neeto-filters-".concat(key, "-filter"),
     label: label,
+    value: value,
+    "data-cy": "neeto-filters-".concat(key, "-filter"),
     options: TIME_OPTIONS,
     strategy: "fixed",
-    value: value,
     placeholder: t("messages.selectResource", {
       resource: label.toLocaleLowerCase()
     }),
@@ -7474,6 +7477,7 @@ var Time = function Time(_ref) {
     use12Hours: true,
     "data-cy": "neeto-filters-".concat(key, "-date-range"),
     format: "h:mm A",
+    getPopupContainer: ramda.prop("parentNode"),
     type: "range",
     value: filter.value,
     onChange: handleTimeRangeChange