@bigbinary/neeto-rules-frontend 2.0.0 → 2.0.2

package/README.md

@@ -171,7 +171,7 @@ The `NeetoRules` component is used to add the dashboard for automation rules.
 10. `reoderRules`: Function to be called on reorder success.
     - `onSuccess`: Object for handling reorder rule success callback.
         - `callback`: Function to be called on success. (Optional)
-
+11. `headerProps`: Props for the header component. Refer [Header component doc](https://neeto-molecules.neeto.com/?path=/docs/layouts-header--docs).
 #### 2. `NeetoRulesForm`
 
 <div align="center">

package/app/javascript/src/translations/en.json

@@ -324,7 +324,7 @@
       "title": "Delete automation rule?"
     },
     "noData": {
-      "title": "There are no automation rule to show",
+      "title": "There are no automation rules to show",
       "helpText": "Here is how you can use <a>automation rules.</a>"
     },
     "tooltips": {

package/dist/index.cjs.js

@@ -33,6 +33,7 @@ var i18next = require('i18next');
 var utils = require('@bigbinary/neeto-commons-frontend/utils');
 var MoreDropdown = require('@bigbinary/neeto-molecules/MoreDropdown');
 var Switch = require('@bigbinary/neetoui/Switch');
+var Tooltip = require('@bigbinary/neetoui/Tooltip');
 var formik = require('formik');
 var Plus = require('@bigbinary/neeto-icons/Plus');
 var Delete = require('@bigbinary/neeto-icons/Delete');
@@ -59,7 +60,6 @@ var Tag = require('@bigbinary/neetoui/Tag');
 var yup = require('yup');
 var utils$1 = require('@bigbinary/neeto-editor/utils');
 var Eye = require('@bigbinary/neeto-icons/Eye');
-var Tooltip = require('@bigbinary/neetoui/Tooltip');
 var Select$2 = require('@bigbinary/neetoui/formik/Select');
 var Radio = require('@bigbinary/neetoui/formik/Radio');
 var Help = require('@bigbinary/neeto-icons/Help');
@@ -106,6 +106,7 @@ var Table__default = /*#__PURE__*/_interopDefaultLegacy(Table);
 var NoData__default = /*#__PURE__*/_interopDefaultLegacy(NoData);
 var MoreDropdown__default = /*#__PURE__*/_interopDefaultLegacy(MoreDropdown);
 var Switch__default = /*#__PURE__*/_interopDefaultLegacy(Switch);
+var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
 var Plus__default = /*#__PURE__*/_interopDefaultLegacy(Plus);
 var Delete__default = /*#__PURE__*/_interopDefaultLegacy(Delete);
 var Refresh__default = /*#__PURE__*/_interopDefaultLegacy(Refresh);
@@ -129,7 +130,6 @@ var Checkbox__default = /*#__PURE__*/_interopDefaultLegacy(Checkbox);
 var Tag__default = /*#__PURE__*/_interopDefaultLegacy(Tag);
 var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
 var Eye__default = /*#__PURE__*/_interopDefaultLegacy(Eye);
-var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
 var Select__default$1 = /*#__PURE__*/_interopDefaultLegacy(Select$2);
 var Radio__default = /*#__PURE__*/_interopDefaultLegacy(Radio);
 var Help__default = /*#__PURE__*/_interopDefaultLegacy(Help);
@@ -306,7 +306,7 @@ function _objectSpread$t(e) { for (var r = 1; r < arguments.length; r++) { var t
 var useFetchAutomationRules = function useFetchAutomationRules(params) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return reactQuery.useQuery(_objectSpread$t({
-    queryKey: [AUTOMATION_RULES, params],
+    queryKey: [AUTOMATION_RULES, params.url, params],
     queryFn: function queryFn() {
       return automationRulesApi.fetch(params);
     },
@@ -317,24 +317,24 @@ var useFetchAutomationRules = function useFetchAutomationRules(params) {
     placeholderData: reactQuery.keepPreviousData
   }, options));
 };
-var useUpdateAutomationRule = function useUpdateAutomationRule() {
+var useUpdateAutomationRule = function useUpdateAutomationRule(url) {
   return reactUtils.useMutationWithInvalidation(automationRulesApi.update, {
-    keysToInvalidate: [[AUTOMATION_RULES]]
+    keysToInvalidate: [[AUTOMATION_RULES, url]]
   });
 };
-var useCloneAutomationRule = function useCloneAutomationRule() {
+var useCloneAutomationRule = function useCloneAutomationRule(url) {
   return reactUtils.useMutationWithInvalidation(automationRulesApi.clone, {
-    keysToInvalidate: [[AUTOMATION_RULES]]
+    keysToInvalidate: [[AUTOMATION_RULES, url]]
   });
 };
-var useDeleteAutomationRule = function useDeleteAutomationRule() {
+var useDeleteAutomationRule = function useDeleteAutomationRule(url) {
   return reactUtils.useMutationWithInvalidation(automationRulesApi.destroy, {
-    keysToInvalidate: [[AUTOMATION_RULES]]
+    keysToInvalidate: [[AUTOMATION_RULES, url]]
   });
 };
-var useReorderAutomationRules = function useReorderAutomationRules() {
+var useReorderAutomationRules = function useReorderAutomationRules(url) {
   return reactUtils.useMutationWithInvalidation(automationRulesApi.reorder, {
-    keysToInvalidate: [[AUTOMATION_RULES]]
+    keysToInvalidate: [[AUTOMATION_RULES, url]]
   });
 };
 
@@ -355,13 +355,14 @@ var Header = function Header(_ref) {
     helpPopoverProps = _ref$helpPopoverProps === void 0 ? {} : _ref$helpPopoverProps,
     setIsReorderPaneOpen = _ref.setIsReorderPaneOpen,
     hasUnfilteredRules = _ref.hasUnfilteredRules,
-    allowReordering = _ref.allowReordering;
+    allowReordering = _ref.allowReordering,
+    headerProps = _ref.headerProps;
   var _useQueryParams = reactUtils.useQueryParams(),
     _useQueryParams$searc = _useQueryParams.searchTerm,
     searchTerm = _useQueryParams$searc === void 0 ? "" : _useQueryParams$searc;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  return /*#__PURE__*/jsxRuntime.jsx(NeetoHeader__default["default"], {
+  return /*#__PURE__*/jsxRuntime.jsx(NeetoHeader__default["default"], _objectSpread$s({
     breadcrumbs: breadcrumbs,
     actionBlock: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
       children: [hasUnfilteredRules && allowReordering && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
@@ -392,7 +393,7 @@ var Header = function Header(_ref) {
         title: t("neetoRules.common.title")
       }, helpPopoverProps))]
     })
-  });
+  }, headerProps));
 };
 var Header$1 = /*#__PURE__*/React__default["default"].memo(Header);
 
@@ -9521,7 +9522,7 @@ var RulesReorder = function RulesReorder(_ref) {
     setInitialRules = _useState2[1];
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var _useReorderAutomation = useReorderAutomationRules(),
+  var _useReorderAutomation = useReorderAutomationRules(url),
     reOrder = _useReorderAutomation.mutate,
     isPending = _useReorderAutomation.isPending;
   var handleReorderSave = function handleReorderSave(rules) {
@@ -9723,6 +9724,9 @@ var buildActionDropdownMenuItems = function buildActionDropdownMenuItems(_ref) {
     onClick: function onClick() {
       return onClone(rule.id);
     }
+  }, {
+    key: "divider",
+    type: "divider"
   }, {
     key: "delete",
     "data-test-id": "automation-rules-delete-link",
@@ -9789,10 +9793,17 @@ var getColumnData = function getColumnData(_ref3) {
     key: "description",
     width: 390,
     render: function render(description) {
-      return /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
-        className: "whitespace-pre-line break-words",
+      return neetoCist.isPresent(description) ? /*#__PURE__*/jsxRuntime.jsx(Tooltip__default["default"], {
+        content: description,
+        position: "bottom",
+        children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+          className: "line-clamp-2 whitespace-pre-line",
+          style: "body2",
+          children: description
+        })
+      }) : /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
         style: "body2",
-        children: description
+        children: "-"
       });
     }
   }, {
@@ -9867,13 +9878,13 @@ var RulesTable = function RulesTable(_ref) {
     hidePreviewPane = _useUtilityStore.hidePreviewPane;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var _useUpdateAutomationR = useUpdateAutomationRule(),
+  var _useUpdateAutomationR = useUpdateAutomationRule(url),
     updateRule = _useUpdateAutomationR.mutate,
     isUpdating = _useUpdateAutomationR.isPending;
-  var _useCloneAutomationRu = useCloneAutomationRule(),
+  var _useCloneAutomationRu = useCloneAutomationRule(url),
     cloneRule = _useCloneAutomationRu.mutate,
     isCloning = _useCloneAutomationRu.isPending;
-  var _useDeleteAutomationR = useDeleteAutomationRule(),
+  var _useDeleteAutomationR = useDeleteAutomationRule(url),
     deleteRule = _useDeleteAutomationR.mutate,
     isDeleting = _useDeleteAutomationR.isPending;
   var handleChangeStatus = function handleChangeStatus(event, id) {
@@ -10009,7 +10020,9 @@ var NeetoRules = function NeetoRules(_ref) {
     deleteRule = _ref.deleteRule,
     cloneRule = _ref.cloneRule,
     updateRule = _ref.updateRule,
-    reorderRules = _ref.reorderRules;
+    reorderRules = _ref.reorderRules,
+    _ref$headerProps = _ref.headerProps,
+    headerProps = _ref$headerProps === void 0 ? {} : _ref$headerProps;
   var _useState = React.useState(false),
     _useState2 = _slicedToArray$1(_useState, 2),
     isReorderPaneOpen = _useState2[0],
@@ -10043,6 +10056,7 @@ var NeetoRules = function NeetoRules(_ref) {
       automationRulesPath: automationRulesPath,
       breadcrumbs: breadcrumbs,
       hasUnfilteredRules: hasUnfilteredRules,
+      headerProps: headerProps,
       helpPopoverProps: helpPopoverProps,
       setIsReorderPaneOpen: setIsReorderPaneOpen
     }), /*#__PURE__*/jsxRuntime.jsx(RulesTable, _objectSpread$m(_objectSpread$m({}, _objectSpread$m({