@bigbinary/neeto-webhooks-frontend 1.6.27 → 1.6.29

package/dist/index.cjs.js

@@ -27,7 +27,7 @@ var Tag = require('@bigbinary/neetoui/Tag');
 var i18next = require('i18next');
 var ramda = require('ramda');
 var Alert = require('@bigbinary/neetoui/Alert');
-var neetoIcons = require('@bigbinary/neeto-icons');
+var Plus = require('@bigbinary/neeto-icons/Plus');
 var HelpPopover = require('@bigbinary/neeto-molecules/HelpPopover');
 var MoreDropdown = require('@bigbinary/neeto-molecules/MoreDropdown');
 var Spinner = require('@bigbinary/neetoui/Spinner');
@@ -75,6 +75,7 @@ var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
 var Tab__default = /*#__PURE__*/_interopDefaultLegacy(Tab);
 var Tag__default = /*#__PURE__*/_interopDefaultLegacy(Tag);
 var Alert__default = /*#__PURE__*/_interopDefaultLegacy(Alert);
+var Plus__default = /*#__PURE__*/_interopDefaultLegacy(Plus);
 var HelpPopover__default = /*#__PURE__*/_interopDefaultLegacy(HelpPopover);
 var MoreDropdown__default = /*#__PURE__*/_interopDefaultLegacy(MoreDropdown);
 var Spinner__default = /*#__PURE__*/_interopDefaultLegacy(Spinner);
@@ -1473,7 +1474,7 @@ var AddWebhookPane = function AddWebhookPane(_ref) {
                 name: "isActive"
               }), !isSecretInputFieldVisible && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
                 "data-cy": "add-secret-key",
-                icon: neetoIcons.Plus,
+                icon: Plus__default["default"],
                 label: t("neetoWebhooks.buttons.addSecretKey"),
                 style: "text",
                 onClick: function onClick() {
@@ -1498,10 +1499,12 @@ var Header = reactUtils.withT(function (_ref) {
   var t = _ref.t,
     breadcrumbs = _ref.breadcrumbs,
     title = _ref.title,
-    setIsAddWebhookPaneOpen = _ref.setIsAddWebhookPaneOpen;
+    setIsAddWebhookPaneOpen = _ref.setIsAddWebhookPaneOpen,
+    headerSize = _ref.headerSize;
   return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsx(Header__default["default"], {
       breadcrumbs: breadcrumbs,
+      size: headerSize,
       actionBlock: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
         "data-cy": "add-new-webhook-button",
         label: t("neetoWebhooks.webhook.add"),
@@ -1537,7 +1540,10 @@ var Webhooks = function Webhooks(_ref) {
     title = _ref.title,
     entityId = _ref.entityId,
     onCreate = _ref.onCreate,
-    onDelete = _ref.onDelete;
+    onDelete = _ref.onDelete,
+    headerSize = _ref.headerSize,
+    _ref$containerClassNa = _ref.containerClassName,
+    containerClassName = _ref$containerClassNa === void 0 ? "" : _ref$containerClassNa;
   var _useState = React.useState(null),
     _useState2 = _slicedToArray(_useState, 2),
     editingWebhookId = _useState2[0],
@@ -1597,9 +1603,10 @@ var Webhooks = function Webhooks(_ref) {
     return /*#__PURE__*/jsxRuntime.jsx(PageLoader__default["default"], {});
   }
   return /*#__PURE__*/jsxRuntime.jsxs(Container__default["default"], {
-    className: "w-full",
+    className: containerClassName,
     children: [/*#__PURE__*/jsxRuntime.jsx(Header$1, {
       breadcrumbs: breadcrumbs,
+      headerSize: headerSize,
       setIsAddWebhookPaneOpen: setIsAddWebhookPaneOpen,
       title: title
     }), neetoCist.isNotEmpty(webhooks) ? /*#__PURE__*/jsxRuntime.jsx(TableWrapper__default["default"], {
@@ -1622,12 +1629,12 @@ var Webhooks = function Webhooks(_ref) {
       className: "flex h-full w-full items-center justify-center",
       children: /*#__PURE__*/jsxRuntime.jsx(NoData__default["default"], {
         title: t("neetoWebhooks.webhook.empty"),
-        helpText: /*#__PURE__*/jsxRuntime.jsx("a", {
-          className: "neeto-ui-text-primary-800 hover:neeto-ui-text-primary-800 visited:neeto-ui-text-primary-600 font-medium",
+        helpText: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
           href: WEBHOOK_HELP_URL,
+          label: t("neetoWebhooks.webhook.emptyHelpText"),
           rel: "noreferrer",
-          target: "_blank",
-          children: t("neetoWebhooks.webhook.emptyHelpText")
+          style: "link",
+          target: "_blank"
         }),
         primaryButtonProps: {
           label: t("neetoWebhooks.webhook.add"),
@@ -1674,7 +1681,9 @@ var NeetoWebhooks = function NeetoWebhooks(_ref) {
     breadcrumbs = _ref$breadcrumbs === void 0 ? [] : _ref$breadcrumbs,
     title = _ref.title,
     onCreate = _ref.onCreate,
-    onDelete = _ref.onDelete;
+    onDelete = _ref.onDelete,
+    headerSize = _ref.headerSize,
+    containerClassName = _ref.containerClassName;
   var _useRouteMatch = reactRouterDom.useRouteMatch(),
     webhooksPath = _useRouteMatch.path,
     webhooksUrl = _useRouteMatch.url;
@@ -1687,9 +1696,11 @@ var NeetoWebhooks = function NeetoWebhooks(_ref) {
       component: function component() {
         return /*#__PURE__*/jsxRuntime.jsx(Webhooks$1, {
           breadcrumbs: breadcrumbs,
+          containerClassName: containerClassName,
           deliveriesPath: deliveriesPath,
           entityId: entityId,
           entityType: entityType,
+          headerSize: headerSize,
           onCreate: onCreate,
           onDelete: onDelete,
           title: title