@bigbinary/neeto-rules-frontend 2.0.5 → 2.1.0

package/dist/index.js

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import React__default, { useState, useRef, useEffect, useContext, useLayoutEffect as useLayoutEffect$1, createElement, useMemo as useMemo$1, forwardRef, memo } from 'react';
+import React__default, { memo, useState, useRef, useEffect, useContext, useLayoutEffect as useLayoutEffect$1, createElement, forwardRef, useMemo as useMemo$1, Fragment as Fragment$1 } from 'react';
 import { isNotEmpty, isPresent, removeBy, renameKeys, findBy, noop as noop$3, 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';
@@ -328,7 +328,7 @@ var Header = function Header(_ref) {
     })
   }, headerProps));
 };
-var Header$1 = /*#__PURE__*/React__default.memo(Header);
+var Header$1 = /*#__PURE__*/memo(Header);
 
 function _typeof$1(o) {
   "@babel/helpers - typeof";
@@ -9815,7 +9815,9 @@ var RulesTable = function RulesTable(_ref) {
     page = _ref.page,
     setPage = _ref.setPage,
     _ref$allowCloning = _ref.allowCloning,
-    allowCloning = _ref$allowCloning === void 0 ? true : _ref$allowCloning;
+    allowCloning = _ref$allowCloning === void 0 ? true : _ref$allowCloning,
+    _ref$hasUnfilteredRul = _ref.hasUnfilteredRules,
+    hasUnfilteredRules = _ref$hasUnfilteredRul === void 0 ? true : _ref$hasUnfilteredRul;
   var _useQueryParams = useQueryParams(),
     _useQueryParams$searc = _useQueryParams.searchTerm,
     searchTerm = _useQueryParams$searc === void 0 ? "" : _useQueryParams$searc;
@@ -9886,22 +9888,8 @@ var RulesTable = function RulesTable(_ref) {
   if (isLoading && isEmpty(rules)) {
     return /*#__PURE__*/jsx(PageLoader, {});
   }
-  if (isEmpty(rules)) {
-    return /*#__PURE__*/jsx("div", {
-      className: "flex h-full w-full items-center justify-center",
-      children: /*#__PURE__*/jsx(NoData, _objectSpread$n({
-        title: t("neetoRules.noData.title")
-      }, isEmpty(searchTerm) && {
-        helpText: helpDocUrl ? renderNoDataHelpText(helpDocUrl) : null,
-        primaryButtonProps: {
-          label: t("neetoRules.button.addNew"),
-          to: createRoutes(automationRulesPath)["new"]
-        }
-      }))
-    });
-  }
   return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(SubHeader, {
+    children: [hasUnfilteredRules && /*#__PURE__*/jsx(SubHeader, {
       leftActionBlock: /*#__PURE__*/jsx(Typography, {
         className: "mr-4 font-semibold",
         style: "h4",
@@ -9909,50 +9897,63 @@ var RulesTable = function RulesTable(_ref) {
           count: totalCount
         })
       })
-    }), /*#__PURE__*/jsx(TableWrapper, {
-      hasPagination: totalCount > DEFAULT_PAGE_SIZE,
-      children: /*#__PURE__*/jsx(Table, {
-        columnData: columnData,
-        totalCount: totalCount,
-        fixedHeight: true,
-        allowClick: false,
-        currentPageNumber: page,
-        defaultPageSize: DEFAULT_PAGE_SIZE,
-        handlePageChange: setPage,
-        loading: isUpdating || isCloning || isDeleting || isLoading,
-        rowData: rules.map(function (item) {
-          return _objectSpread$n({
-            key: item.id
-          }, item);
+    }), isNotEmpty(rules) ? /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(TableWrapper, {
+        hasPagination: totalCount > DEFAULT_PAGE_SIZE,
+        children: /*#__PURE__*/jsx(Table, {
+          columnData: columnData,
+          totalCount: totalCount,
+          fixedHeight: true,
+          allowClick: false,
+          currentPageNumber: page,
+          defaultPageSize: DEFAULT_PAGE_SIZE,
+          handlePageChange: setPage,
+          loading: isUpdating || isCloning || isDeleting || isLoading,
+          rowData: rules.map(function (item) {
+            return _objectSpread$n({
+              key: item.id
+            }, item);
+          }),
+          rowSelection: false,
+          scroll: {
+            x: 0
+          },
+          tableLayout: "fixed"
+        })
+      }), /*#__PURE__*/jsx(Alert, {
+        isOpen: !!selectedRule,
+        isSubmitting: isDeleting,
+        submitButtonLabel: t("neetoRules.button.delete"),
+        title: t("neetoRules.deleteAlert.title"),
+        message: /*#__PURE__*/jsx(Trans, {
+          i18nKey: "neetoRules.deleteAlert.message",
+          values: {
+            name: selectedRule === null || selectedRule === void 0 ? void 0 : selectedRule.name
+          }
         }),
-        rowSelection: false,
-        scroll: {
-          x: 0
+        onClose: function onClose() {
+          return setSelectedRule(null);
         },
-        tableLayout: "fixed"
-      })
-    }), /*#__PURE__*/jsx(Alert, {
-      isOpen: !!selectedRule,
-      isSubmitting: isDeleting,
-      submitButtonLabel: t("neetoRules.button.delete"),
-      title: t("neetoRules.deleteAlert.title"),
-      message: /*#__PURE__*/jsx(Trans, {
-        i18nKey: "neetoRules.deleteAlert.message",
-        values: {
-          name: selectedRule === null || selectedRule === void 0 ? void 0 : selectedRule.name
+        onSubmit: function onSubmit() {
+          return deleteRule({
+            id: selectedRule === null || selectedRule === void 0 ? void 0 : selectedRule.id,
+            url: url
+          }, {
+            onSuccess: handleDeleteSuccess
+          });
         }
-      }),
-      onClose: function onClose() {
-        return setSelectedRule(null);
-      },
-      onSubmit: function onSubmit() {
-        return deleteRule({
-          id: selectedRule === null || selectedRule === void 0 ? void 0 : selectedRule.id,
-          url: url
-        }, {
-          onSuccess: handleDeleteSuccess
-        });
-      }
+      })]
+    }) : /*#__PURE__*/jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsx(NoData, _objectSpread$n({
+        title: t("neetoRules.noData.title")
+      }, isEmpty(searchTerm) && {
+        helpText: helpDocUrl ? renderNoDataHelpText(helpDocUrl) : null,
+        primaryButtonProps: {
+          label: t("neetoRules.button.addNew"),
+          to: createRoutes(automationRulesPath)["new"]
+        }
+      }))
     })]
   });
 };
@@ -10012,6 +10013,7 @@ var NeetoRules = function NeetoRules(_ref) {
       setIsReorderPaneOpen: setIsReorderPaneOpen
     }), /*#__PURE__*/jsx(RulesTable, _objectSpread$m(_objectSpread$m({}, _objectSpread$m({
       automationRulesPath: automationRulesPath,
+      hasUnfilteredRules: hasUnfilteredRules,
       helpDocUrl: helpDocUrl,
       page: page,
       rules: rules,
@@ -11120,7 +11122,7 @@ var SHORTCUTS = {
 var _excluded$a = ["value", "nullable", "className", "handleSubmit", "handleCancel"];
 function ownKeys$i(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$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty$1(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var InlineInput = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
+var InlineInput = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$value = props.value,
     value = _props$value === void 0 ? "" : _props$value,
     _props$nullable = props.nullable,
@@ -13035,7 +13037,7 @@ var MultiSelect = function MultiSelect(_ref) {
       className: "flex flex-wrap items-center gap-x-2 gap-y-1",
       children: options.map(function (option, idx) {
         var _option$label;
-        return /*#__PURE__*/jsxs(React__default.Fragment, {
+        return /*#__PURE__*/jsxs(Fragment$1, {
           children: [!!idx && /*#__PURE__*/jsx(Typography, {
             className: "neeto-ui-text-gray-700",
             style: "h5",
@@ -13148,7 +13150,7 @@ var MultiSelectCreate = function MultiSelectCreate(_ref) {
         });
       }
     }), allOptions.map(function (option, idx) {
-      return /*#__PURE__*/jsxs(React__default.Fragment, {
+      return /*#__PURE__*/jsxs(Fragment$1, {
         children: [!!idx && /*#__PURE__*/jsx(Typography, {
           className: "neeto-ui-text-gray-700",
           style: "h5",
@@ -15267,7 +15269,7 @@ var MultiSelectValues = function MultiSelectValues(_ref) {
     values = _ref.values;
   return /*#__PURE__*/jsx(Fragment, {
     children: values === null || values === void 0 ? void 0 : values.map(function (value, idx) {
-      return /*#__PURE__*/jsxs(React__default.Fragment, {
+      return /*#__PURE__*/jsxs(Fragment$1, {
         children: [!!idx && /*#__PURE__*/jsx(Typography, {
           className: "neeto-ui-text-gray-700",
           style: "h5",