@bigbinary/neeto-rules-frontend 2.0.0 → 2.0.1

package/dist/index.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import React__default, { useState, useRef, useEffect, useContext, useLayoutEffect as useLayoutEffect$1, createElement, useMemo as useMemo$1, forwardRef, createContext, useCallback as useCallback$1, Component, Fragment as Fragment$1, memo } from 'react';
-import { isNotEmpty, removeBy, isPresent, renameKeys, findBy, noop as noop$4, nullSafe, toLabelAndValue } from '@bigbinary/neeto-cist';
+import { isNotEmpty, isPresent, removeBy, renameKeys, findBy, noop as noop$4, nullSafe, toLabelAndValue } from '@bigbinary/neeto-cist';
 import { DEFAULT_PAGE_SIZE } from '@bigbinary/neeto-commons-frontend/constants';
 import { useMutationWithInvalidation, useQueryParams, withImmutableActions, withT, useStateWithDependency, useDebounce } from '@bigbinary/neeto-commons-frontend/react-utils';
 import Container from '@bigbinary/neeto-molecules/Container';
@@ -30,6 +30,7 @@ import { t as t$5 } from 'i18next';
 import { buildUrl, joinHyphenCase, hyphenize } from '@bigbinary/neeto-commons-frontend/utils';
 import MoreDropdown from '@bigbinary/neeto-molecules/MoreDropdown';
 import Switch from '@bigbinary/neetoui/Switch';
+import Tooltip from '@bigbinary/neetoui/Tooltip';
 import { useFormikContext, useField, FieldArray, ErrorMessage, Formik, Form as Form$1 } from 'formik';
 import Plus from '@bigbinary/neeto-icons/Plus';
 import Delete from '@bigbinary/neeto-icons/Delete';
@@ -56,7 +57,6 @@ import Tag from '@bigbinary/neetoui/Tag';
 import * as yup from 'yup';
 import { isEditorEmpty } from '@bigbinary/neeto-editor/utils';
 import Eye from '@bigbinary/neeto-icons/Eye';
-import Tooltip from '@bigbinary/neetoui/Tooltip';
 import Select$2 from '@bigbinary/neetoui/formik/Select';
 import Radio from '@bigbinary/neetoui/formik/Radio';
 import Help from '@bigbinary/neeto-icons/Help';
@@ -282,13 +282,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 = useQueryParams(),
     _useQueryParams$searc = _useQueryParams.searchTerm,
     searchTerm = _useQueryParams$searc === void 0 ? "" : _useQueryParams$searc;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  return /*#__PURE__*/jsx$1(NeetoHeader, {
+  return /*#__PURE__*/jsx$1(NeetoHeader, _objectSpread$s({
     breadcrumbs: breadcrumbs,
     actionBlock: /*#__PURE__*/jsxs(Fragment, {
       children: [hasUnfilteredRules && allowReordering && /*#__PURE__*/jsx$1(Button, {
@@ -319,7 +320,7 @@ var Header = function Header(_ref) {
         title: t("neetoRules.common.title")
       }, helpPopoverProps))]
     })
-  });
+  }, headerProps));
 };
 var Header$1 = /*#__PURE__*/React__default.memo(Header);
 
@@ -9650,6 +9651,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",
@@ -9716,10 +9720,17 @@ var getColumnData = function getColumnData(_ref3) {
     key: "description",
     width: 390,
     render: function render(description) {
-      return /*#__PURE__*/jsx$1(Typography, {
-        className: "whitespace-pre-line break-words",
+      return isPresent(description) ? /*#__PURE__*/jsx$1(Tooltip, {
+        content: description,
+        position: "bottom",
+        children: /*#__PURE__*/jsx$1(Typography, {
+          className: "line-clamp-2 whitespace-pre-line",
+          style: "body2",
+          children: description
+        })
+      }) : /*#__PURE__*/jsx$1(Typography, {
         style: "body2",
-        children: description
+        children: "-"
       });
     }
   }, {
@@ -9936,7 +9947,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 = useState(false),
     _useState2 = _slicedToArray$1(_useState, 2),
     isReorderPaneOpen = _useState2[0],
@@ -9970,6 +9983,7 @@ var NeetoRules = function NeetoRules(_ref) {
       automationRulesPath: automationRulesPath,
       breadcrumbs: breadcrumbs,
       hasUnfilteredRules: hasUnfilteredRules,
+      headerProps: headerProps,
       helpPopoverProps: helpPopoverProps,
       setIsReorderPaneOpen: setIsReorderPaneOpen
     }), /*#__PURE__*/jsx$1(RulesTable, _objectSpread$m(_objectSpread$m({}, _objectSpread$m({