@bigbinary/neeto-api-keys-frontend 1.0.2 → 1.0.3

package/dist/index.cjs.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var constants = require('@bigbinary/neeto-commons-frontend/constants');
 var pure = require('@bigbinary/neeto-commons-frontend/pure');
+var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var Header = require('@bigbinary/neeto-molecules/Header');
 var neetoui = require('@bigbinary/neetoui');
-var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var reactQuery = require('react-query');
 var axios = require('axios');
 var formik$1 = require('@bigbinary/neetoui/formik');
@@ -2971,6 +2971,21 @@ instance.use(initReactI18next).init({
   fallbackLng: "en"
 });
 
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
@@ -3092,21 +3107,6 @@ var useDeleteApiKey = function useDeleteApiKey(onSuccess) {
   });
 };
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
 var dayjs_min = {exports: {}};
 
 dayjs_min.exports;
@@ -3505,7 +3505,9 @@ var usePagination = function usePagination(_ref) {
 var Table = function Table(_ref) {
   var handleDelete = _ref.handleDelete,
     handleEdit = _ref.handleEdit,
-    searchTerm = _ref.searchTerm;
+    searchTerm = _ref.searchTerm,
+    _ref$noDataProps = _ref.noDataProps,
+    noDataProps = _ref$noDataProps === void 0 ? {} : _ref$noDataProps;
   var debouncedSearchTerm = reactUtils.useDebounce(searchTerm);
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -3537,10 +3539,10 @@ var Table = function Table(_ref) {
   if (ramda.isEmpty(apiKeys)) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "flex h-full w-full items-center justify-center"
-    }, /*#__PURE__*/React__default["default"].createElement(neetoui.NoData, {
+    }, /*#__PURE__*/React__default["default"].createElement(neetoui.NoData, _extends({
       className: "w-full",
       title: t("noData.title")
-    }), ";");
+    }, noDataProps)), ";");
   }
   return /*#__PURE__*/React__default["default"].createElement(TableWrapper__default["default"], {
     hasPagination: totalCount > DEFAULT_PAGE_SIZE
@@ -3560,8 +3562,8 @@ var Table = function Table(_ref) {
 };
 
 var ApiKeys = function ApiKeys(_ref) {
-  var _ref$breadcrumbs = _ref.breadcrumbs,
-    breadcrumbs = _ref$breadcrumbs === void 0 ? [] : _ref$breadcrumbs;
+  var noDataProps = _ref.noDataProps,
+    headerProps = _ref.headerProps;
   var _useState = React.useState(""),
     _useState2 = _slicedToArray(_useState, 2),
     searchTerm = _useState2[0],
@@ -3587,8 +3589,7 @@ var ApiKeys = function ApiKeys(_ref) {
     isDeleting = _useDeleteApiKey.isLoading;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex h-full w-full flex-col"
-  }, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], {
-    breadcrumbs: breadcrumbs,
+  }, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], _extends({
     title: t("common.apiKey", constants.PLURAL),
     actionBlock: /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
       label: t("buttons.addApiKey"),
@@ -3604,10 +3605,11 @@ var ApiKeys = function ApiKeys(_ref) {
       },
       placeholder: t("placeholders.search")
     }
-  }), /*#__PURE__*/React__default["default"].createElement(Table, {
+  }, headerProps)), /*#__PURE__*/React__default["default"].createElement(Table, {
     handleDelete: setApiKeyToBeDeleted,
     handleEdit: setApiKeyToBeEdited,
-    searchTerm: searchTerm
+    searchTerm: searchTerm,
+    noDataProps: noDataProps
   }), /*#__PURE__*/React__default["default"].createElement(neetoui.Alert, {
     isOpen: pure.isNotEmpty(apiKeyToBeDeleted),
     isSubmitting: isDeleting,
@@ -3640,6 +3642,7 @@ var ApiKeys = function ApiKeys(_ref) {
     }
   }));
 };
+var index = reactUtils.withTitle(ApiKeys, t$1("common.apiKey", constants.PLURAL));
 
-exports.ApiKeys = ApiKeys;
+exports.ApiKeys = index;
 //# sourceMappingURL=index.cjs.js.map