@bigbinary/neeto-api-keys-frontend 2.2.1 → 2.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ApiKeys.js +4 -98
- package/dist/ApiKeys.js.map +1 -1
- package/dist/cjs/ApiKeys.js +47 -164
- package/dist/cjs/ApiKeys.js.map +1 -1
- package/dist/cjs/index.js +2 -2
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -1
- package/package.json +104 -87
package/dist/cjs/ApiKeys.js
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
|
+
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
|
|
3
5
|
var react = require('react');
|
|
4
6
|
var i18next = require('i18next');
|
|
5
7
|
var neetoCist = require('@bigbinary/neeto-cist');
|
|
@@ -35,10 +37,7 @@ var TableWrapper = require('@bigbinary/neeto-molecules/TableWrapper');
|
|
|
35
37
|
var NeetoUITable = require('@bigbinary/neetoui/Table');
|
|
36
38
|
var NoData = require('@bigbinary/neetoui/NoData');
|
|
37
39
|
|
|
38
|
-
function
|
|
39
|
-
|
|
40
|
-
function _interopNamespace(e) {
|
|
41
|
-
if (e && e.__esModule) return e;
|
|
40
|
+
function _interopNamespaceDefault(e) {
|
|
42
41
|
var n = Object.create(null);
|
|
43
42
|
if (e) {
|
|
44
43
|
Object.keys(e).forEach(function (k) {
|
|
@@ -51,127 +50,11 @@ function _interopNamespace(e) {
|
|
|
51
50
|
}
|
|
52
51
|
});
|
|
53
52
|
}
|
|
54
|
-
n
|
|
53
|
+
n.default = e;
|
|
55
54
|
return Object.freeze(n);
|
|
56
55
|
}
|
|
57
56
|
|
|
58
|
-
var
|
|
59
|
-
var HelpPopover__default = /*#__PURE__*/_interopDefaultLegacy(HelpPopover);
|
|
60
|
-
var Alert__default = /*#__PURE__*/_interopDefaultLegacy(Alert);
|
|
61
|
-
var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
|
|
62
|
-
var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
|
|
63
|
-
var Pane__default = /*#__PURE__*/_interopDefaultLegacy(Pane);
|
|
64
|
-
var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
|
|
65
|
-
var NeetoUIForm__default = /*#__PURE__*/_interopDefaultLegacy(NeetoUIForm);
|
|
66
|
-
var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
|
|
67
|
-
var Checkbox__default = /*#__PURE__*/_interopDefaultLegacy(Checkbox);
|
|
68
|
-
var ActionBlock__default = /*#__PURE__*/_interopDefaultLegacy(ActionBlock);
|
|
69
|
-
var NeetoUIDatePicker__default = /*#__PURE__*/_interopDefaultLegacy(NeetoUIDatePicker);
|
|
70
|
-
var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
|
|
71
|
-
var CopyToClipboardButton__default = /*#__PURE__*/_interopDefaultLegacy(CopyToClipboardButton);
|
|
72
|
-
var MoreDropdown__default = /*#__PURE__*/_interopDefaultLegacy(MoreDropdown);
|
|
73
|
-
var Tag__default = /*#__PURE__*/_interopDefaultLegacy(Tag);
|
|
74
|
-
var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
|
|
75
|
-
var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
|
|
76
|
-
var TableWrapper__default = /*#__PURE__*/_interopDefaultLegacy(TableWrapper);
|
|
77
|
-
var NeetoUITable__default = /*#__PURE__*/_interopDefaultLegacy(NeetoUITable);
|
|
78
|
-
var NoData__default = /*#__PURE__*/_interopDefaultLegacy(NoData);
|
|
79
|
-
|
|
80
|
-
function _typeof(o) {
|
|
81
|
-
"@babel/helpers - typeof";
|
|
82
|
-
|
|
83
|
-
return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
|
|
84
|
-
return typeof o;
|
|
85
|
-
} : function (o) {
|
|
86
|
-
return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
|
|
87
|
-
}, _typeof(o);
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
function _toPrimitive(input, hint) {
|
|
91
|
-
if (_typeof(input) !== "object" || input === null) return input;
|
|
92
|
-
var prim = input[Symbol.toPrimitive];
|
|
93
|
-
if (prim !== undefined) {
|
|
94
|
-
var res = prim.call(input, hint || "default");
|
|
95
|
-
if (_typeof(res) !== "object") return res;
|
|
96
|
-
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
97
|
-
}
|
|
98
|
-
return (hint === "string" ? String : Number)(input);
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
function _toPropertyKey(arg) {
|
|
102
|
-
var key = _toPrimitive(arg, "string");
|
|
103
|
-
return _typeof(key) === "symbol" ? key : String(key);
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
function _defineProperty(obj, key, value) {
|
|
107
|
-
key = _toPropertyKey(key);
|
|
108
|
-
if (key in obj) {
|
|
109
|
-
Object.defineProperty(obj, key, {
|
|
110
|
-
value: value,
|
|
111
|
-
enumerable: true,
|
|
112
|
-
configurable: true,
|
|
113
|
-
writable: true
|
|
114
|
-
});
|
|
115
|
-
} else {
|
|
116
|
-
obj[key] = value;
|
|
117
|
-
}
|
|
118
|
-
return obj;
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
function _arrayWithHoles(arr) {
|
|
122
|
-
if (Array.isArray(arr)) return arr;
|
|
123
|
-
}
|
|
124
|
-
|
|
125
|
-
function _iterableToArrayLimit(r, l) {
|
|
126
|
-
var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
|
|
127
|
-
if (null != t) {
|
|
128
|
-
var e,
|
|
129
|
-
n,
|
|
130
|
-
i,
|
|
131
|
-
u,
|
|
132
|
-
a = [],
|
|
133
|
-
f = !0,
|
|
134
|
-
o = !1;
|
|
135
|
-
try {
|
|
136
|
-
if (i = (t = t.call(r)).next, 0 === l) {
|
|
137
|
-
if (Object(t) !== t) return;
|
|
138
|
-
f = !1;
|
|
139
|
-
} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
|
|
140
|
-
} catch (r) {
|
|
141
|
-
o = !0, n = r;
|
|
142
|
-
} finally {
|
|
143
|
-
try {
|
|
144
|
-
if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
|
|
145
|
-
} finally {
|
|
146
|
-
if (o) throw n;
|
|
147
|
-
}
|
|
148
|
-
}
|
|
149
|
-
return a;
|
|
150
|
-
}
|
|
151
|
-
}
|
|
152
|
-
|
|
153
|
-
function _arrayLikeToArray(arr, len) {
|
|
154
|
-
if (len == null || len > arr.length) len = arr.length;
|
|
155
|
-
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
156
|
-
return arr2;
|
|
157
|
-
}
|
|
158
|
-
|
|
159
|
-
function _unsupportedIterableToArray(o, minLen) {
|
|
160
|
-
if (!o) return;
|
|
161
|
-
if (typeof o === "string") return _arrayLikeToArray(o, minLen);
|
|
162
|
-
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
163
|
-
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
164
|
-
if (n === "Map" || n === "Set") return Array.from(o);
|
|
165
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
|
|
166
|
-
}
|
|
167
|
-
|
|
168
|
-
function _nonIterableRest() {
|
|
169
|
-
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
170
|
-
}
|
|
171
|
-
|
|
172
|
-
function _slicedToArray(arr, i) {
|
|
173
|
-
return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
|
|
174
|
-
}
|
|
57
|
+
var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup);
|
|
175
58
|
|
|
176
59
|
var getPageFromSearchParams = function getPageFromSearchParams() {
|
|
177
60
|
var _getQueryParams = utils.getQueryParams(),
|
|
@@ -229,24 +112,24 @@ var API_KEYS_BASE_URL = "/neeto_api_keys_engine/api/v1/api_keys";
|
|
|
229
112
|
var HELP_DOC_URL = "https://help.".concat(initializers.globalProps.appName.toLowerCase(), ".com/articles/api-keys");
|
|
230
113
|
|
|
231
114
|
var fetch = function fetch(params) {
|
|
232
|
-
return
|
|
115
|
+
return axios.get(API_KEYS_BASE_URL, {
|
|
233
116
|
params: params
|
|
234
117
|
});
|
|
235
118
|
};
|
|
236
119
|
var create = function create(payload) {
|
|
237
|
-
return
|
|
120
|
+
return axios.post(API_KEYS_BASE_URL, {
|
|
238
121
|
apiKey: payload
|
|
239
122
|
});
|
|
240
123
|
};
|
|
241
124
|
var update = function update(_ref) {
|
|
242
125
|
var id = _ref.id,
|
|
243
126
|
payload = _ref.payload;
|
|
244
|
-
return
|
|
127
|
+
return axios.put("".concat(API_KEYS_BASE_URL, "/").concat(id), {
|
|
245
128
|
apiKey: payload
|
|
246
129
|
});
|
|
247
130
|
};
|
|
248
131
|
var destroy = function destroy(id) {
|
|
249
|
-
return
|
|
132
|
+
return axios["delete"]("".concat(API_KEYS_BASE_URL, "/").concat(id));
|
|
250
133
|
};
|
|
251
134
|
var apiKeysApi = {
|
|
252
135
|
fetch: fetch,
|
|
@@ -303,7 +186,7 @@ var INITIAL_VALUES = {
|
|
|
303
186
|
label: "",
|
|
304
187
|
hasNoExpiry: true
|
|
305
188
|
};
|
|
306
|
-
var NEXT_DAY =
|
|
189
|
+
var NEXT_DAY = dayjs().add(1, "day").startOf("day");
|
|
307
190
|
var VALIDATION_SCHEMA = yup__namespace.object({
|
|
308
191
|
expiresAt: yup__namespace.date().when("hasNoExpiry", function (hasNoExpiry, field) {
|
|
309
192
|
return hasNoExpiry ? field.nullable() : field.nullable().required(i18next.t("neetoApiKeys.validations.required", {
|
|
@@ -322,13 +205,13 @@ var MENU_ITEMS = {
|
|
|
322
205
|
};
|
|
323
206
|
|
|
324
207
|
var isInPast = function isInPast(date) {
|
|
325
|
-
return
|
|
208
|
+
return dayjs(date).isBefore(dayjs());
|
|
326
209
|
};
|
|
327
210
|
var partlyHideToken = function partlyHideToken(key) {
|
|
328
211
|
return key.slice(-4).padStart(20, "*");
|
|
329
212
|
};
|
|
330
213
|
var formatExpiry = function formatExpiry(date) {
|
|
331
|
-
return
|
|
214
|
+
return dayjs(date).diff(dayjs(), "day") <= 2 ? utils.dateFormat.fromNow(date) : utils.dateFormat.date(date);
|
|
332
215
|
};
|
|
333
216
|
var getMenuItems = function getMenuItems(_ref) {
|
|
334
217
|
var onEdit = _ref.onEdit,
|
|
@@ -354,10 +237,10 @@ var buildColumnData = function buildColumnData(_ref2) {
|
|
|
354
237
|
render: function render(label, apiKey) {
|
|
355
238
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
356
239
|
className: "flex items-center justify-between space-x-3",
|
|
357
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
240
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
|
|
358
241
|
style: "body2",
|
|
359
242
|
children: label
|
|
360
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
243
|
+
}), /*#__PURE__*/jsxRuntime.jsx(MoreDropdown, {
|
|
361
244
|
dropdownProps: {
|
|
362
245
|
strategy: "fixed"
|
|
363
246
|
},
|
|
@@ -380,10 +263,10 @@ var buildColumnData = function buildColumnData(_ref2) {
|
|
|
380
263
|
render: function render(token) {
|
|
381
264
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
382
265
|
className: "flex items-center justify-between gap-x-3",
|
|
383
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
266
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
|
|
384
267
|
style: "body2",
|
|
385
268
|
children: partlyHideToken(token)
|
|
386
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
269
|
+
}), /*#__PURE__*/jsxRuntime.jsx(CopyToClipboardButton, {
|
|
387
270
|
style: "text",
|
|
388
271
|
value: token
|
|
389
272
|
})]
|
|
@@ -395,10 +278,10 @@ var buildColumnData = function buildColumnData(_ref2) {
|
|
|
395
278
|
width: 144,
|
|
396
279
|
render: function render(_, _ref3) {
|
|
397
280
|
var expiresAt = _ref3.expiresAt;
|
|
398
|
-
return neetoCist.isPresent(expiresAt) && isInPast(expiresAt) ? /*#__PURE__*/jsxRuntime.jsx(
|
|
281
|
+
return neetoCist.isPresent(expiresAt) && isInPast(expiresAt) ? /*#__PURE__*/jsxRuntime.jsx(Tag, {
|
|
399
282
|
style: "warning",
|
|
400
283
|
children: i18next.t("neetoApiKeys.tags.expired")
|
|
401
|
-
}) : /*#__PURE__*/jsxRuntime.jsx(
|
|
284
|
+
}) : /*#__PURE__*/jsxRuntime.jsx(Tag, {
|
|
402
285
|
style: "success",
|
|
403
286
|
children: i18next.t("neetoApiKeys.tags.active")
|
|
404
287
|
});
|
|
@@ -409,7 +292,7 @@ var buildColumnData = function buildColumnData(_ref2) {
|
|
|
409
292
|
dataIndex: "expiresAt",
|
|
410
293
|
width: 200,
|
|
411
294
|
render: function render(expiresAt) {
|
|
412
|
-
return neetoCist.isPresent(expiresAt) ? formatExpiry(expiresAt) : /*#__PURE__*/jsxRuntime.jsx(
|
|
295
|
+
return neetoCist.isPresent(expiresAt) ? formatExpiry(expiresAt) : /*#__PURE__*/jsxRuntime.jsx(Typography, {
|
|
413
296
|
style: "body2",
|
|
414
297
|
children: i18next.t("neetoApiKeys.common.never")
|
|
415
298
|
});
|
|
@@ -420,7 +303,7 @@ var buildColumnData = function buildColumnData(_ref2) {
|
|
|
420
303
|
dataIndex: "createdAt",
|
|
421
304
|
width: 200,
|
|
422
305
|
render: function render(createdAt) {
|
|
423
|
-
return neetoCist.isPresent(createdAt) ? utils.dateFormat.dateTime(createdAt) : /*#__PURE__*/jsxRuntime.jsx(
|
|
306
|
+
return neetoCist.isPresent(createdAt) ? utils.dateFormat.dateTime(createdAt) : /*#__PURE__*/jsxRuntime.jsx(Typography, {
|
|
424
307
|
style: "body2",
|
|
425
308
|
children: i18next.t("neetoApiKeys.common.never")
|
|
426
309
|
});
|
|
@@ -428,7 +311,7 @@ var buildColumnData = function buildColumnData(_ref2) {
|
|
|
428
311
|
}];
|
|
429
312
|
};
|
|
430
313
|
var getStartOfTime = function getStartOfTime(time, unit) {
|
|
431
|
-
return
|
|
314
|
+
return dayjs(time).startOf(unit);
|
|
432
315
|
};
|
|
433
316
|
|
|
434
317
|
function ownKeys$3(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; }
|
|
@@ -444,11 +327,11 @@ var DatePicker = function DatePicker(_ref) {
|
|
|
444
327
|
return /*#__PURE__*/jsxRuntime.jsx(formik.Field, {
|
|
445
328
|
name: name,
|
|
446
329
|
children: function children(_ref2) {
|
|
447
|
-
var _globalProps;
|
|
330
|
+
var _globalProps, _globalProps$user;
|
|
448
331
|
var field = _ref2.field,
|
|
449
332
|
meta = _ref2.meta,
|
|
450
333
|
setFieldValue = _ref2.form.setFieldValue;
|
|
451
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
334
|
+
return /*#__PURE__*/jsxRuntime.jsx(NeetoUIDatePicker, _objectSpread$3(_objectSpread$3({
|
|
452
335
|
defaultValue: defaultValue,
|
|
453
336
|
disabled: disabled,
|
|
454
337
|
disabledDate: disabledDate,
|
|
@@ -457,7 +340,7 @@ var DatePicker = function DatePicker(_ref) {
|
|
|
457
340
|
allowClear: false,
|
|
458
341
|
className: "w-full",
|
|
459
342
|
error: meta.touched && meta.error,
|
|
460
|
-
format: (_globalProps = globalProps) === null || _globalProps === void 0
|
|
343
|
+
format: (_globalProps = globalProps) === null || _globalProps === void 0 ? void 0 : (_globalProps$user = _globalProps.user) === null || _globalProps$user === void 0 ? void 0 : _globalProps$user.dateFormat,
|
|
461
344
|
getPopupContainer: ramda.prop("parentNode")
|
|
462
345
|
}, field), {}, {
|
|
463
346
|
onChange: function onChange(date) {
|
|
@@ -476,7 +359,7 @@ var Form = reactUtils.withT(function (_ref) {
|
|
|
476
359
|
onClose = _ref.onClose,
|
|
477
360
|
onSubmit = _ref.onSubmit,
|
|
478
361
|
initialFocusRef = _ref.initialFocusRef;
|
|
479
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
362
|
+
return /*#__PURE__*/jsxRuntime.jsx(NeetoUIForm, {
|
|
480
363
|
formikProps: {
|
|
481
364
|
validationSchema: VALIDATION_SCHEMA,
|
|
482
365
|
initialValues: initialValues,
|
|
@@ -489,10 +372,10 @@ var Form = reactUtils.withT(function (_ref) {
|
|
|
489
372
|
hasNoExpiry = _ref2$values2.hasNoExpiry,
|
|
490
373
|
expiresAt = _ref2$values2.expiresAt;
|
|
491
374
|
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
492
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
375
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Body, {
|
|
493
376
|
children: /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
494
377
|
className: "w-full space-y-4",
|
|
495
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
378
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Input, {
|
|
496
379
|
autoFocus: true,
|
|
497
380
|
label: t("neetoApiKeys.fields.label"),
|
|
498
381
|
name: "label",
|
|
@@ -508,7 +391,7 @@ var Form = reactUtils.withT(function (_ref) {
|
|
|
508
391
|
label: t("neetoApiKeys.fields.expiryDate"),
|
|
509
392
|
name: "expiresAt",
|
|
510
393
|
placeholder: t("neetoApiKeys.placeholders.selectExpiryDate")
|
|
511
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
394
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Checkbox, {
|
|
512
395
|
checked: hasNoExpiry,
|
|
513
396
|
label: t("neetoApiKeys.fields.neverExpire"),
|
|
514
397
|
name: "hasNoExpiry",
|
|
@@ -519,8 +402,8 @@ var Form = reactUtils.withT(function (_ref) {
|
|
|
519
402
|
})]
|
|
520
403
|
})]
|
|
521
404
|
})
|
|
522
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
523
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
405
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Pane.Footer, {
|
|
406
|
+
children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock, {
|
|
524
407
|
isSubmitting: isSubmitting,
|
|
525
408
|
cancelButtonProps: {
|
|
526
409
|
onClick: onClose
|
|
@@ -541,14 +424,14 @@ var Create = function Create(_ref) {
|
|
|
541
424
|
isCreating = _useCreateApiKey.isPending;
|
|
542
425
|
var _useTranslation = reactI18next.useTranslation(),
|
|
543
426
|
t = _useTranslation.t;
|
|
544
|
-
return /*#__PURE__*/jsxRuntime.jsxs(
|
|
427
|
+
return /*#__PURE__*/jsxRuntime.jsxs(Pane, {
|
|
545
428
|
initialFocusRef: initialFocusRef,
|
|
546
429
|
isOpen: isOpen,
|
|
547
430
|
onClose: onClose,
|
|
548
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
549
|
-
children: /*#__PURE__*/jsxRuntime.jsxs(
|
|
431
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Header, {
|
|
432
|
+
children: /*#__PURE__*/jsxRuntime.jsxs(Typography, {
|
|
550
433
|
style: "h2",
|
|
551
|
-
children: [t("neetoApiKeys.headers.createApiKey"), /*#__PURE__*/jsxRuntime.jsx(
|
|
434
|
+
children: [t("neetoApiKeys.headers.createApiKey"), /*#__PURE__*/jsxRuntime.jsx(HelpPopover, {
|
|
552
435
|
className: "ml-2",
|
|
553
436
|
description: t("neetoApiKeys.tooltips.apiKeysDescription"),
|
|
554
437
|
helpLinkProps: {
|
|
@@ -586,14 +469,14 @@ var Update = function Update(_ref) {
|
|
|
586
469
|
var initialValues = _objectSpread$2(_objectSpread$2({}, apiKey), {}, {
|
|
587
470
|
hasNoExpiry: neetoCist.isNotPresent(apiKey.expiresAt)
|
|
588
471
|
});
|
|
589
|
-
return /*#__PURE__*/jsxRuntime.jsxs(
|
|
472
|
+
return /*#__PURE__*/jsxRuntime.jsxs(Pane, {
|
|
590
473
|
initialFocusRef: initialFocusRef,
|
|
591
474
|
onClose: onClose,
|
|
592
475
|
isOpen: neetoCist.isNotEmpty(apiKey),
|
|
593
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
594
|
-
children: /*#__PURE__*/jsxRuntime.jsxs(
|
|
476
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Pane.Header, {
|
|
477
|
+
children: /*#__PURE__*/jsxRuntime.jsxs(Typography, {
|
|
595
478
|
style: "h2",
|
|
596
|
-
children: [t("neetoApiKeys.headers.updateApiKey"), /*#__PURE__*/jsxRuntime.jsx(
|
|
479
|
+
children: [t("neetoApiKeys.headers.updateApiKey"), /*#__PURE__*/jsxRuntime.jsx(HelpPopover, {
|
|
597
480
|
className: "ml-2",
|
|
598
481
|
description: t("neetoApiKeys.tooltips.apiKeysDescription"),
|
|
599
482
|
helpLinkProps: {
|
|
@@ -627,17 +510,17 @@ var Table = function Table(_ref) {
|
|
|
627
510
|
handlePageChange = _ref.handlePageChange;
|
|
628
511
|
var _useTranslation = reactI18next.useTranslation(),
|
|
629
512
|
t = _useTranslation.t;
|
|
630
|
-
if (isLoading) return /*#__PURE__*/jsxRuntime.jsx(
|
|
513
|
+
if (isLoading) return /*#__PURE__*/jsxRuntime.jsx(PageLoader, {});
|
|
631
514
|
if (ramda.isEmpty(data === null || data === void 0 ? void 0 : data.apiKeys)) {
|
|
632
515
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
633
516
|
className: "flex h-full w-full items-center justify-center",
|
|
634
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
517
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(NoData, _objectSpread$1({
|
|
635
518
|
className: "w-full",
|
|
636
519
|
title: t("neetoApiKeys.noData.title"),
|
|
637
520
|
helpText: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
|
|
638
521
|
i18nKey: "neetoApiKeys.noData.helpText",
|
|
639
522
|
components: {
|
|
640
|
-
helpLink: /*#__PURE__*/jsxRuntime.jsx(
|
|
523
|
+
helpLink: /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
641
524
|
href: HELP_DOC_URL,
|
|
642
525
|
style: "link",
|
|
643
526
|
target: "_blank"
|
|
@@ -653,9 +536,9 @@ var Table = function Table(_ref) {
|
|
|
653
536
|
}, noDataProps)), ";"]
|
|
654
537
|
});
|
|
655
538
|
}
|
|
656
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
539
|
+
return /*#__PURE__*/jsxRuntime.jsx(TableWrapper, {
|
|
657
540
|
hasPagination: (data === null || data === void 0 ? void 0 : data.totalCount) > constants.DEFAULT_PAGE_SIZE,
|
|
658
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
541
|
+
children: /*#__PURE__*/jsxRuntime.jsx(NeetoUITable, {
|
|
659
542
|
handlePageChange: handlePageChange,
|
|
660
543
|
fixedHeight: true,
|
|
661
544
|
columnData: buildColumnData({
|
|
@@ -724,8 +607,8 @@ var ApiKeys = function ApiKeys(_ref) {
|
|
|
724
607
|
}, [data]);
|
|
725
608
|
return /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
726
609
|
className: "flex h-full w-full flex-col",
|
|
727
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(
|
|
728
|
-
actionBlock: /*#__PURE__*/jsxRuntime.jsx(
|
|
610
|
+
children: [/*#__PURE__*/jsxRuntime.jsx(Header, _objectSpread({
|
|
611
|
+
actionBlock: /*#__PURE__*/jsxRuntime.jsx(Button, {
|
|
729
612
|
label: t("neetoApiKeys.buttons.addApiKey"),
|
|
730
613
|
onClick: function onClick() {
|
|
731
614
|
return setIsCreatePaneOpen(true);
|
|
@@ -736,7 +619,7 @@ var ApiKeys = function ApiKeys(_ref) {
|
|
|
736
619
|
},
|
|
737
620
|
title: /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
738
621
|
className: "flex items-center gap-x-2",
|
|
739
|
-
children: [t("neetoApiKeys.common.apiKey", constants.PLURAL), /*#__PURE__*/jsxRuntime.jsx(
|
|
622
|
+
children: [t("neetoApiKeys.common.apiKey", constants.PLURAL), /*#__PURE__*/jsxRuntime.jsx(HelpPopover, _objectSpread({
|
|
740
623
|
description: t("neetoApiKeys.tooltips.apiKeysDescription"),
|
|
741
624
|
helpLinkProps: {
|
|
742
625
|
href: HELP_DOC_URL
|
|
@@ -754,7 +637,7 @@ var ApiKeys = function ApiKeys(_ref) {
|
|
|
754
637
|
setIsCreatePaneOpen: setIsCreatePaneOpen,
|
|
755
638
|
handleDelete: setApiKeyToBeDeleted,
|
|
756
639
|
handleEdit: setApiKeyToBeEdited
|
|
757
|
-
}), /*#__PURE__*/jsxRuntime.jsx(
|
|
640
|
+
}), /*#__PURE__*/jsxRuntime.jsx(Alert, {
|
|
758
641
|
isOpen: neetoCist.isNotEmpty(apiKeyToBeDeleted),
|
|
759
642
|
isSubmitting: isDeleting,
|
|
760
643
|
submitButtonLabel: t("neetoApiKeys.buttons.delete"),
|