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

package/dist/index.js

@@ -1,9 +1,9 @@
 import React, { createElement, isValidElement, cloneElement, createContext, useContext, useState, useRef, useEffect } from 'react';
 import { DEFAULT_PAGE_INDEX, PLURAL } from '@bigbinary/neeto-commons-frontend/constants';
 import { isPresent, isNotPresent, isNotEmpty } from '@bigbinary/neeto-commons-frontend/pure';
+import { useMutationWithInvalidation, useDebounce, withTitle } from '@bigbinary/neeto-commons-frontend/react-utils';
 import Header from '@bigbinary/neeto-molecules/Header';
 import { Dropdown, Typography, Button, Tag, DatePicker as DatePicker$1, Pane, NoData, Table as Table$1, Alert } from '@bigbinary/neetoui';
-import { useMutationWithInvalidation, useDebounce } from '@bigbinary/neeto-commons-frontend/react-utils';
 import { useQuery } from 'react-query';
 import axios from 'axios';
 import { Form as Form$1, Input, Checkbox, ActionBlock } from '@bigbinary/neetoui/formik';
@@ -2940,6 +2940,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;
 }
@@ -3061,21 +3076,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;
@@ -3474,7 +3474,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 = useDebounce(searchTerm);
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -3506,10 +3508,10 @@ var Table = function Table(_ref) {
   if (isEmpty(apiKeys)) {
     return /*#__PURE__*/React.createElement("div", {
       className: "flex h-full w-full items-center justify-center"
-    }, /*#__PURE__*/React.createElement(NoData, {
+    }, /*#__PURE__*/React.createElement(NoData, _extends({
       className: "w-full",
       title: t("noData.title")
-    }), ";");
+    }, noDataProps)), ";");
   }
   return /*#__PURE__*/React.createElement(TableWrapper, {
     hasPagination: totalCount > DEFAULT_PAGE_SIZE
@@ -3529,8 +3531,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 = useState(""),
     _useState2 = _slicedToArray(_useState, 2),
     searchTerm = _useState2[0],
@@ -3556,8 +3558,7 @@ var ApiKeys = function ApiKeys(_ref) {
     isDeleting = _useDeleteApiKey.isLoading;
   return /*#__PURE__*/React.createElement("div", {
     className: "flex h-full w-full flex-col"
-  }, /*#__PURE__*/React.createElement(Header, {
-    breadcrumbs: breadcrumbs,
+  }, /*#__PURE__*/React.createElement(Header, _extends({
     title: t("common.apiKey", PLURAL),
     actionBlock: /*#__PURE__*/React.createElement(Button, {
       label: t("buttons.addApiKey"),
@@ -3573,10 +3574,11 @@ var ApiKeys = function ApiKeys(_ref) {
       },
       placeholder: t("placeholders.search")
     }
-  }), /*#__PURE__*/React.createElement(Table, {
+  }, headerProps)), /*#__PURE__*/React.createElement(Table, {
     handleDelete: setApiKeyToBeDeleted,
     handleEdit: setApiKeyToBeEdited,
-    searchTerm: searchTerm
+    searchTerm: searchTerm,
+    noDataProps: noDataProps
   }), /*#__PURE__*/React.createElement(Alert, {
     isOpen: isNotEmpty(apiKeyToBeDeleted),
     isSubmitting: isDeleting,
@@ -3609,6 +3611,7 @@ var ApiKeys = function ApiKeys(_ref) {
     }
   }));
 };
+var index = withTitle(ApiKeys, t$1("common.apiKey", PLURAL));
 
-export { ApiKeys };
+export { index as ApiKeys };
 //# sourceMappingURL=index.js.map