@bigbinary/neeto-filters-frontend 3.2.3 → 3.2.4

package/dist/index.cjs.js

@@ -566,7 +566,7 @@ var buildFiltersFromSearchParams = function buildFiltersFromSearchParams(columns
       }, column);
     } else if (isTime(defaultType) && isCustomTimeRange(value)) {
       return ramda.mergeLeft({
-        value: value.split(",")
+        value: value
       }, column);
     } else if (isSingleDate(defaultType)) {
       var _value$split3 = value.split("+rule-"),
@@ -972,6 +972,9 @@ var getColumnsWithStandardizedType = function getColumnsWithStandardizedType(col
     });
   });
 };
+var isNilOrEmpty = function isNilOrEmpty(param) {
+  return ramda.isNil(param) || ramda.isEmpty(param);
+};
 var isKeywordFilterPresent = function isKeywordFilterPresent(keyworFilter) {
   return ramda.not(ramda.isEmpty(keyworFilter.node));
 };
@@ -1323,6 +1326,7 @@ var Segment = function Segment(_ref) {
     });
   };
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, ramda.isNil(segmentId) ? /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    "data-cy": "save-segment-button",
     disabled: hasOnlyKeywordFilter(filters),
     label: t("neetoFilters.segments.saveAsSegment"),
     style: "secondary",
@@ -1751,6 +1755,31 @@ var buildDateValues = function buildDateValues(dates, selectedRule) {
 var buildHelpIconProps = function buildHelpIconProps(helpIconProps) {
   return ramda.mergeDeepRight(DEFAULT_HELP_ICON_PROPS, helpIconProps);
 };
+var hasInvalidTimes = function hasInvalidTimes(times) {
+  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();
+  });
+};
+
+// eslint-disable-next-line @bigbinary/neeto/use-standard-date-time-formats
+var formatSingleTime = function formatSingleTime(time) {
+  return dayjs(time).format("HH:mm:ss");
+};
+var formatTime = function formatTime(value, timePickerType) {
+  if (isNilOrEmpty(value)) return null;
+  if (timePickerType === "range") {
+    return value.map(formatSingleTime);
+  }
+  return formatSingleTime(value);
+};
 
 var Boolean = function Boolean(_ref) {
   var column = _ref.column,
@@ -2097,6 +2126,15 @@ var SingleTime = function SingleTime(_ref) {
     handleApplyFilter(updatedFilter);
   };
   var handleChange = function handleChange(times) {
+    if (hasInvalidTimes(times)) {
+      handleApplyFilter({
+        _delete: true
+      });
+      return;
+    }
+    if (timePickerType === "range" && areCustomTimeRangeValuesNotValid(times)) {
+      return;
+    }
     var value = timePickerType === "range" ? ramda.pluck("$d", times).map(function (time) {
       return time.toISOString();
     }) : times["$d"].toISOString();
@@ -2109,6 +2147,7 @@ var SingleTime = function SingleTime(_ref) {
     });
     handleApplyFilter(updatedFilter);
   };
+  var formattedTime = formatTime(value, timePickerType);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-filters-pane-filter__item-wrapper"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Select, _extends({
@@ -2123,15 +2162,12 @@ var SingleTime = function SingleTime(_ref) {
     }
   }, {
     onChange: handleRuleChange
-  })), /*#__PURE__*/React__default["default"].createElement(neetoui.TimePicker, _extends({
+  })), /*#__PURE__*/React__default["default"].createElement(neetoui.TimePickerInput, _extends({
     autoFocus: autoFocus,
-    value: value,
-    use12Hours: true,
     className: "w-full",
     "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
-    format: "h:mm A",
-    getPopupContainer: ramda.prop("parentNode"),
     type: timePickerType,
+    value: formattedTime,
     onChange: handleChange
   }, otherProps)));
 };
@@ -2274,6 +2310,15 @@ var Time = function Time(_ref) {
     handleApplyFilter(updatedFilter);
   };
   var handleTimeRangeChange = function handleTimeRangeChange(times) {
+    if (hasInvalidTimes(times)) {
+      handleApplyFilter({
+        _delete: true
+      });
+      return;
+    }
+    if (isCustomTimeRangeShown && areCustomTimeRangeValuesNotValid(times)) {
+      return;
+    }
     var updatedFilter = buildUpdatedFilter({
       column: column,
       defaultType: defaultType,
@@ -2304,13 +2349,11 @@ var Time = function Time(_ref) {
     }
   }, {
     onChange: handleChange
-  })), isCustomTimeRangeShown && /*#__PURE__*/React__default["default"].createElement(neetoui.TimePicker, _extends({
-    use12Hours: true,
+  })), isCustomTimeRangeShown && /*#__PURE__*/React__default["default"].createElement(neetoui.TimePickerInput, _extends({
+    className: "w-full",
     "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-date-range"),
-    format: "h:mm A",
-    getPopupContainer: ramda.prop("parentNode"),
     type: "range",
-    value: filter.value,
+    value: formatTime(filter.value, "range"),
     onChange: handleTimeRangeChange
   }, otherProps)));
 };
@@ -2880,6 +2923,7 @@ var MenuBlocks = function MenuBlocks(_ref) {
     return /*#__PURE__*/React__default["default"].createElement(MenuBar__default["default"].Block, {
       active: segment.id === segmentId,
       count: segment.count,
+      "data-cy": "neeto-filters-segment-block-".concat(neetoCist.hyphenate(segment.name)),
       key: segment.id,
       label: segment.name,
       onClick: function onClick() {