@bigbinary/neeto-rules-frontend 1.2.0-beta3 → 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, isPresent, renameKeys, findBy, noop as noop$4, nullSafe, toLabelAndValue, removeBy } 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';
@@ -12,7 +12,7 @@ import Button from '@bigbinary/neetoui/Button';
 import { useTranslation, Trans } from 'react-i18next';
 import { jsx as jsx$1, jsxs, Fragment } from 'react/jsx-runtime';
 import ReactDOM, { unstable_batchedUpdates, flushSync, createPortal } from 'react-dom';
-import { Reorder, Delete, Check, Search, Close, Plus, Refresh, Eye, Help, Down, Up } from '@bigbinary/neeto-icons';
+import Reorder from '@bigbinary/neeto-icons/Reorder';
 import Pane from '@bigbinary/neetoui/Pane';
 import Typography from '@bigbinary/neetoui/Typography';
 import Pagination from '@bigbinary/neetoui/Pagination';
@@ -30,8 +30,14 @@ 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';
+import Refresh from '@bigbinary/neeto-icons/Refresh';
 import classNames$1 from 'classnames';
+import Check from '@bigbinary/neeto-icons/Check';
+import Search from '@bigbinary/neeto-icons/Search';
 import Dropdown$1 from '@bigbinary/neetoui/Dropdown';
 import Input$2 from '@bigbinary/neetoui/Input';
 import Textarea from '@bigbinary/neetoui/formik/Textarea';
@@ -44,14 +50,18 @@ import FormikEditor from '@bigbinary/neeto-editor/FormikEditor';
 import MultiEmailInput from '@bigbinary/neetoui/formik/MultiEmailInput';
 import Input$3 from '@bigbinary/neetoui/formik/Input';
 import useHotkeys from '@bigbinary/neeto-hotkeys';
+import Close from '@bigbinary/neeto-icons/Close';
 import Checkbox from '@bigbinary/neetoui/Checkbox';
 import { isPhoneNumberValid } from '@bigbinary/neeto-molecules/PhoneNumber';
 import Tag from '@bigbinary/neetoui/Tag';
 import * as yup from 'yup';
 import { isEditorEmpty } from '@bigbinary/neeto-editor/utils';
-import Tooltip from '@bigbinary/neetoui/Tooltip';
+import Eye from '@bigbinary/neeto-icons/Eye';
 import Select$2 from '@bigbinary/neetoui/formik/Select';
 import Radio from '@bigbinary/neetoui/formik/Radio';
+import Help from '@bigbinary/neeto-icons/Help';
+import Down from '@bigbinary/neeto-icons/Down';
+import Up from '@bigbinary/neeto-icons/Up';
 
 function _typeof$3(o) {
   "@babel/helpers - typeof";
@@ -272,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, {
@@ -309,7 +320,7 @@ var Header = function Header(_ref) {
         title: t("neetoRules.common.title")
       }, helpPopoverProps))]
     })
-  });
+  }, headerProps));
 };
 var Header$1 = /*#__PURE__*/React__default.memo(Header);
 
@@ -9615,8 +9626,9 @@ var buildActionDropdownMenuItems = function buildActionDropdownMenuItems(_ref) {
     onDelete = _ref.onDelete,
     _ref$moreDropdownItem = _ref.moreDropdownItems,
     moreDropdownItems = _ref$moreDropdownItem === void 0 ? [] : _ref$moreDropdownItem,
-    automationRulesPath = _ref.automationRulesPath;
-  return [].concat(_toConsumableArray$1(moreDropdownItems.map(function (_ref2) {
+    automationRulesPath = _ref.automationRulesPath,
+    allowCloning = _ref.allowCloning;
+  var defaultOptions = [].concat(_toConsumableArray$1(moreDropdownItems.map(function (_ref2) {
     var _onClick = _ref2.onClick,
       others = _objectWithoutProperties$1(_ref2, _excluded$h);
     return _objectSpread$o(_objectSpread$o({}, others), {}, {
@@ -9639,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",
@@ -9647,6 +9662,12 @@ var buildActionDropdownMenuItems = function buildActionDropdownMenuItems(_ref) {
       return onDelete(rule);
     }
   }]);
+  if (!allowCloning) {
+    return removeBy({
+      key: "clone"
+    }, defaultOptions);
+  }
+  return defaultOptions;
 };
 var getColumnData = function getColumnData(_ref3) {
   var handleChangeStatus = _ref3.handleChangeStatus,
@@ -9699,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: "-"
       });
     }
   }, {
@@ -9759,7 +9787,9 @@ var RulesTable = function RulesTable(_ref) {
     onCloneSuccess = _ref.onCloneSuccess,
     onUpdateSuccess = _ref.onUpdateSuccess,
     page = _ref.page,
-    setPage = _ref.setPage;
+    setPage = _ref.setPage,
+    _ref$allowCloning = _ref.allowCloning,
+    allowCloning = _ref$allowCloning === void 0 ? true : _ref$allowCloning;
   var _useQueryParams = useQueryParams(),
     _useQueryParams$searc = _useQueryParams.searchTerm,
     searchTerm = _useQueryParams$searc === void 0 ? "" : _useQueryParams$searc;
@@ -9824,7 +9854,8 @@ var RulesTable = function RulesTable(_ref) {
     onDelete: setSelectedRule,
     onPreview: onPreview,
     automationRulesPath: automationRulesPath,
-    moreDropdownItems: moreDropdownItems
+    moreDropdownItems: moreDropdownItems,
+    allowCloning: allowCloning
   });
   if (isLoading && isEmpty(rules)) {
     return /*#__PURE__*/jsx$1(PageLoader, {});
@@ -9903,7 +9934,7 @@ var RulesTable = function RulesTable(_ref) {
 function ownKeys$n(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$m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), !0).forEach(function (r) { _defineProperty$2(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var NeetoRules = function NeetoRules(_ref) {
-  var _helpPopoverProps$hel, _cloneRule$onSuccess, _deleteRule$onSuccess, _updateRule$onSuccess, _reorderRules$onSucce;
+  var _helpPopoverProps$hel, _cloneRule$allowed, _cloneRule$onSuccess, _deleteRule$onSuccess, _updateRule$onSuccess, _reorderRules$onSucce;
   var breadcrumbs = _ref.breadcrumbs,
     automationRulesPath = _ref.automationRulesPath,
     url = _ref.automationRulesEndpoint,
@@ -9916,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],
@@ -9950,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({
@@ -9961,6 +9995,7 @@ var NeetoRules = function NeetoRules(_ref) {
       totalCount: totalCount,
       url: url
     }, rulesTableProps)), {}, {
+      allowCloning: (_cloneRule$allowed = cloneRule === null || cloneRule === void 0 ? void 0 : cloneRule.allowed) !== null && _cloneRule$allowed !== void 0 ? _cloneRule$allowed : true,
       isLoading: isLoading || isFetching,
       onCloneSuccess: cloneRule === null || cloneRule === void 0 || (_cloneRule$onSuccess = cloneRule.onSuccess) === null || _cloneRule$onSuccess === void 0 ? void 0 : _cloneRule$onSuccess.callback,
       onDeleteSuccess: deleteRule === null || deleteRule === void 0 || (_deleteRule$onSuccess = deleteRule.onSuccess) === null || _deleteRule$onSuccess === void 0 ? void 0 : _deleteRule$onSuccess.callback,