@bigbinary/neeto-filters-frontend 3.4.0-beta1 → 4.0.1

package/dist/index.cjs.js

@@ -9,7 +9,7 @@ var i18next = require('i18next');
 var neetoCist = require('@bigbinary/neeto-cist');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var ramda = require('ramda');
-var neetoIcons = require('@bigbinary/neeto-icons');
+var Delete$1 = require('@bigbinary/neeto-icons/Delete');
 var Accordion = require('@bigbinary/neetoui/Accordion');
 var Button = require('@bigbinary/neetoui/Button');
 var Pane$1 = require('@bigbinary/neetoui/Pane');
@@ -25,14 +25,17 @@ var dayjs = require('dayjs');
 var timezone = require('dayjs/plugin/timezone');
 var utc = require('dayjs/plugin/utc');
 var weekday = require('dayjs/plugin/weekday');
+var Help = require('@bigbinary/neeto-icons/Help');
 var jsxRuntime = require('react/jsx-runtime');
 var DatePicker = require('@bigbinary/neetoui/DatePicker');
-var TimePickerInput = require('@bigbinary/neetoui/TimePickerInput');
+var TimePicker = require('@bigbinary/neetoui/TimePicker');
 var Input = require('@bigbinary/neetoui/Input');
 var NeetoUITreeSelect = require('@bigbinary/neetoui/TreeSelect');
+var Plus = require('@bigbinary/neeto-icons/Plus');
 var yup = require('yup');
 var reactRouterDom = require('react-router-dom');
 var useHotkeys = require('@bigbinary/neeto-hotkeys');
+var Close = require('@bigbinary/neeto-icons/Close');
 var Tooltip = require('@bigbinary/neetoui/Tooltip');
 var axios = require('axios');
 var Dropdown$2 = require('@bigbinary/neetoui/Dropdown');
@@ -41,6 +44,7 @@ var constants = require('@bigbinary/neeto-commons-frontend/constants');
 var Alert = require('@bigbinary/neetoui/Alert');
 var Spinner = require('@bigbinary/neetoui/Spinner');
 var dnd = require('@hello-pangea/dnd');
+var Down = require('@bigbinary/neeto-icons/Down');
 var MenuBar = require('@bigbinary/neeto-molecules/MenuBar');
 var MoreDropdown = require('@bigbinary/neeto-molecules/MoreDropdown');
 
@@ -67,6 +71,7 @@ function _interopNamespace(e) {
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 var i18next__default = /*#__PURE__*/_interopDefaultLegacy(i18next);
+var Delete__default = /*#__PURE__*/_interopDefaultLegacy(Delete$1);
 var Accordion__default = /*#__PURE__*/_interopDefaultLegacy(Accordion);
 var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
 var Pane__default = /*#__PURE__*/_interopDefaultLegacy(Pane$1);
@@ -79,18 +84,22 @@ var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
 var timezone__default = /*#__PURE__*/_interopDefaultLegacy(timezone);
 var utc__default = /*#__PURE__*/_interopDefaultLegacy(utc);
 var weekday__default = /*#__PURE__*/_interopDefaultLegacy(weekday);
+var Help__default = /*#__PURE__*/_interopDefaultLegacy(Help);
 var DatePicker__default = /*#__PURE__*/_interopDefaultLegacy(DatePicker);
-var TimePickerInput__default = /*#__PURE__*/_interopDefaultLegacy(TimePickerInput);
+var TimePicker__default = /*#__PURE__*/_interopDefaultLegacy(TimePicker);
 var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
 var NeetoUITreeSelect__default = /*#__PURE__*/_interopDefaultLegacy(NeetoUITreeSelect);
+var Plus__default = /*#__PURE__*/_interopDefaultLegacy(Plus);
 var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
 var useHotkeys__default = /*#__PURE__*/_interopDefaultLegacy(useHotkeys);
+var Close__default = /*#__PURE__*/_interopDefaultLegacy(Close);
 var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
 var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
 var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown$2);
 var Search__default = /*#__PURE__*/_interopDefaultLegacy(Search);
 var Alert__default = /*#__PURE__*/_interopDefaultLegacy(Alert);
 var Spinner__default = /*#__PURE__*/_interopDefaultLegacy(Spinner);
+var Down__default = /*#__PURE__*/_interopDefaultLegacy(Down);
 var MenuBar__default = /*#__PURE__*/_interopDefaultLegacy(MenuBar);
 var MoreDropdown__default = /*#__PURE__*/_interopDefaultLegacy(MoreDropdown);
 
@@ -369,11 +378,9 @@ var TREE_SELECT_RULES = [{
   value: "is_unknown"
 }];
 var DEFAULT_HELP_ICON_PROPS = {
-  icon: neetoIcons.Help,
-  tooltipProps: {
-    position: "right"
-  }
+  icon: Help__default["default"]
 };
+var TIME_FORMAT = "h:mm A";
 
 function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -1014,9 +1021,6 @@ var getColumnsWithStandardizedType = function getColumnsWithStandardizedType(col
 var isKeywordFilterPresent = function isKeywordFilterPresent(keyworFilter) {
   return ramda.not(ramda.isEmpty(keyworFilter.node));
 };
-var isNilOrEmpty = function isNilOrEmpty(param) {
-  return ramda.isNil(param) || ramda.isEmpty(param);
-};
 
 var buildDropdownValue = function buildDropdownValue(_ref) {
   var defaultType = _ref.defaultType,
@@ -1122,18 +1126,6 @@ var areCustomTimeRangeValuesNotValid = function areCustomTimeRangeValuesNotValid
     return time.isValid();
   });
 };
-
-// eslint-disable-next-line @bigbinary/neeto/use-standard-date-time-formats
-var formatSingleTime = function formatSingleTime(time) {
-  return dayjs__default["default"](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 isRuleEmpty = function isRuleEmpty(rule) {
   return ramda.equals(rule, "is_unknown");
 };
@@ -1563,7 +1555,6 @@ var SingleTime = function SingleTime(_ref) {
     });
     handleApplyFilter(updatedFilter);
   };
-  var formattedTime = formatTime(value, timePickerType);
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "neeto-filters-pane-filter__item-wrapper",
     children: [/*#__PURE__*/jsxRuntime.jsx(Select__default["default"], _objectSpread$9(_objectSpread$9({
@@ -1578,12 +1569,13 @@ var SingleTime = function SingleTime(_ref) {
       }
     }), {}, {
       onChange: handleRuleChange
-    })), /*#__PURE__*/jsxRuntime.jsx(TimePickerInput__default["default"], _objectSpread$9({
+    })), /*#__PURE__*/jsxRuntime.jsx(TimePicker__default["default"], _objectSpread$9({
       autoFocus: autoFocus,
+      value: value,
       className: "w-full",
       "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
+      format: TIME_FORMAT,
       type: timePickerType,
-      value: formattedTime,
       onChange: handleChange
     }, otherProps))]
   });
@@ -1771,11 +1763,12 @@ var Time = function Time(_ref) {
       }
     }), {}, {
       onChange: handleChange
-    })), isCustomTimeRangeShown && /*#__PURE__*/jsxRuntime.jsx(TimePickerInput__default["default"], _objectSpread$7({
+    })), isCustomTimeRangeShown && /*#__PURE__*/jsxRuntime.jsx(TimePicker__default["default"], _objectSpread$7({
       className: "w-full",
       "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-date-range"),
+      format: TIME_FORMAT,
       type: "range",
-      value: formatTime(filter.value, "range"),
+      value: filter.value,
       onChange: handleTimeRangeChange
     }, otherProps))]
   });
@@ -2026,7 +2019,7 @@ var AddFilter = function AddFilter(_ref) {
           onChange: handleChange
         }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
           className: "mt-6 self-center",
-          icon: neetoIcons.Delete,
+          icon: Delete__default["default"],
           style: "text",
           onClick: function onClick() {
             handleClearFilter(selectedColumn.column);
@@ -2048,7 +2041,7 @@ var AddFilter = function AddFilter(_ref) {
     }) : /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
       disabled: disabled,
       className: "self-start",
-      icon: neetoIcons.Plus,
+      icon: Plus__default["default"],
       iconPosition: "left",
       label: t("neetoFilters.segments.addFilter"),
       style: "link",
@@ -2184,7 +2177,7 @@ var SegmentForm = function SegmentForm(_ref) {
                     }
                   }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
                     className: "mt-6 self-center",
-                    icon: neetoIcons.Delete,
+                    icon: Delete__default["default"],
                     style: "text",
                     onClick: function onClick() {
                       return handleClearFilter(column, values, setFieldValue);
@@ -2421,7 +2414,7 @@ var Block = function Block(_ref) {
         children: blockContent
       }), !defaultValue && /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "neeto-filters-bar__block-close",
-        children: /*#__PURE__*/jsxRuntime.jsx(neetoIcons.Close, {
+        children: /*#__PURE__*/jsxRuntime.jsx(Close__default["default"], {
           "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-block-close-btn"),
           size: 16,
           strokeWidth: 2,
@@ -2466,7 +2459,7 @@ var ChildBlock = function ChildBlock(_ref) {
       children: childKey
     }), /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "neeto-filters-bar__block-close",
-      children: /*#__PURE__*/jsxRuntime.jsx(neetoIcons.Close, {
+      children: /*#__PURE__*/jsxRuntime.jsx(Close__default["default"], {
         "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(childKey), "-block-close-btn"),
         size: 16,
         strokeWidth: 2,
@@ -2628,17 +2621,17 @@ var useFetchSegments = function useFetchSegments(_ref) {
 };
 var useCreateSegment = function useCreateSegment(options) {
   return reactUtils.useMutationWithInvalidation(segmentsApi.create, _objectSpread$4({
-    keysToInvalidate: [SEGMENTS_LIST]
+    keysToInvalidate: [[SEGMENTS_LIST]]
   }, options));
 };
 var useUpdateSegment = function useUpdateSegment(options) {
   return reactUtils.useMutationWithInvalidation(segmentsApi.update, _objectSpread$4({
-    keysToInvalidate: [SEGMENTS_LIST]
+    keysToInvalidate: [[SEGMENTS_LIST]]
   }, options));
 };
 var useDestroySegment = function useDestroySegment(options) {
   return reactUtils.useMutationWithInvalidation(segmentsApi.destroy, _objectSpread$4({
-    keysToInvalidate: [SEGMENTS_LIST]
+    keysToInvalidate: [[SEGMENTS_LIST]]
   }, options));
 };
 
@@ -3558,7 +3551,7 @@ var MenuBlocks = function MenuBlocks(_ref) {
         children: t("neetoFilters.common.segments")
       })
     }), segments.length > ITEMS_MAX_COUNT && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
-      icon: neetoIcons.Down,
+      icon: Down__default["default"],
       style: "link",
       label: showAll ? t("neetoFilters.segments.showLess") : t("neetoFilters.segments.showMoreNumbers", {
         entity: segments.length - ITEMS_MAX_COUNT