@webiny/app-security-access-management 5.43.3 → 6.0.0-alpha.1

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.
Files changed (100) hide show
  1. package/components/GroupAutocomplete/graphql.js +16 -11
  2. package/components/GroupAutocomplete/graphql.js.map +1 -1
  3. package/components/GroupAutocomplete/index.d.ts +1 -1
  4. package/components/GroupAutocomplete/index.js +11 -17
  5. package/components/GroupAutocomplete/index.js.map +1 -1
  6. package/components/GroupsMultiAutocomplete/graphql.js +21 -11
  7. package/components/GroupsMultiAutocomplete/graphql.js.map +1 -1
  8. package/components/GroupsMultiAutocomplete/index.d.ts +1 -1
  9. package/components/GroupsMultiAutocomplete/index.js +11 -17
  10. package/components/GroupsMultiAutocomplete/index.js.map +1 -1
  11. package/components/NotAuthorizedError/NotAuthorizedError.js +18 -61
  12. package/components/NotAuthorizedError/NotAuthorizedError.js.map +1 -1
  13. package/components/NotAuthorizedError/index.js +1 -12
  14. package/components/NotAuthorizedError/index.js.map +1 -1
  15. package/components/TeamAutocomplete/graphql.js +16 -11
  16. package/components/TeamAutocomplete/graphql.js.map +1 -1
  17. package/components/TeamAutocomplete/index.d.ts +1 -1
  18. package/components/TeamAutocomplete/index.js +11 -17
  19. package/components/TeamAutocomplete/index.js.map +1 -1
  20. package/components/TeamsMultiAutocomplete/graphql.js +21 -11
  21. package/components/TeamsMultiAutocomplete/graphql.js.map +1 -1
  22. package/components/TeamsMultiAutocomplete/index.d.ts +1 -1
  23. package/components/TeamsMultiAutocomplete/index.js +11 -17
  24. package/components/TeamsMultiAutocomplete/index.js.map +1 -1
  25. package/index.d.ts +0 -7
  26. package/index.js +80 -71
  27. package/index.js.map +1 -1
  28. package/package.json +13 -13
  29. package/plugins/constants.js +1 -7
  30. package/plugins/constants.js.map +1 -1
  31. package/plugins/index.d.ts +1 -1
  32. package/plugins/index.js +4 -13
  33. package/plugins/index.js.map +1 -1
  34. package/plugins/installation.d.ts +1 -1
  35. package/plugins/installation.js +62 -51
  36. package/plugins/installation.js.map +1 -1
  37. package/plugins/permissionRenderer/SecurityPermissions.d.ts +1 -1
  38. package/plugins/permissionRenderer/SecurityPermissions.js +84 -127
  39. package/plugins/permissionRenderer/SecurityPermissions.js.map +1 -1
  40. package/plugins/permissionRenderer/index.js +17 -23
  41. package/plugins/permissionRenderer/index.js.map +1 -1
  42. package/plugins/routes.d.ts +1 -1
  43. package/plugins/routes.js +22 -33
  44. package/plugins/routes.js.map +1 -1
  45. package/plugins/secureRouteError.d.ts +1 -1
  46. package/plugins/secureRouteError.js +6 -13
  47. package/plugins/secureRouteError.js.map +1 -1
  48. package/types.d.ts +1 -1
  49. package/types.js +1 -5
  50. package/types.js.map +1 -1
  51. package/ui/elements/GroupAutocompleteElement.d.ts +1 -1
  52. package/ui/elements/GroupAutocompleteElement.js +29 -45
  53. package/ui/elements/GroupAutocompleteElement.js.map +1 -1
  54. package/ui/elements/GroupsMultiAutocompleteElement.d.ts +1 -1
  55. package/ui/elements/GroupsMultiAutocompleteElement.js +29 -45
  56. package/ui/elements/GroupsMultiAutocompleteElement.js.map +1 -1
  57. package/ui/elements/TeamAutocompleteElement.d.ts +1 -1
  58. package/ui/elements/TeamAutocompleteElement.js +29 -45
  59. package/ui/elements/TeamAutocompleteElement.js.map +1 -1
  60. package/ui/views/ApiKeys/ApiKeyForm.js +137 -200
  61. package/ui/views/ApiKeys/ApiKeyForm.js.map +1 -1
  62. package/ui/views/ApiKeys/ApiKeys.d.ts +2 -2
  63. package/ui/views/ApiKeys/ApiKeys.js +9 -17
  64. package/ui/views/ApiKeys/ApiKeys.js.map +1 -1
  65. package/ui/views/ApiKeys/ApiKeysDataList.js +110 -134
  66. package/ui/views/ApiKeys/ApiKeysDataList.js.map +1 -1
  67. package/ui/views/ApiKeys/graphql.d.ts +1 -1
  68. package/ui/views/ApiKeys/graphql.js +80 -16
  69. package/ui/views/ApiKeys/graphql.js.map +1 -1
  70. package/ui/views/ApiKeys/index.js +1 -16
  71. package/ui/views/ApiKeys/index.js.map +1 -1
  72. package/ui/views/ApiKeys/utils.d.ts +1 -1
  73. package/ui/views/ApiKeys/utils.js +3 -11
  74. package/ui/views/ApiKeys/utils.js.map +1 -1
  75. package/ui/views/Groups/Groups.d.ts +2 -2
  76. package/ui/views/Groups/Groups.js +9 -17
  77. package/ui/views/Groups/Groups.js.map +1 -1
  78. package/ui/views/Groups/GroupsDataList.js +114 -141
  79. package/ui/views/Groups/GroupsDataList.js.map +1 -1
  80. package/ui/views/Groups/GroupsForm.js +155 -187
  81. package/ui/views/Groups/GroupsForm.js.map +1 -1
  82. package/ui/views/Groups/graphql.d.ts +1 -1
  83. package/ui/views/Groups/graphql.js +83 -16
  84. package/ui/views/Groups/graphql.js.map +1 -1
  85. package/ui/views/Groups/index.js +1 -16
  86. package/ui/views/Groups/index.js.map +1 -1
  87. package/ui/views/Teams/Teams.d.ts +2 -2
  88. package/ui/views/Teams/Teams.js +9 -17
  89. package/ui/views/Teams/Teams.js.map +1 -1
  90. package/ui/views/Teams/TeamsDataList.js +116 -141
  91. package/ui/views/Teams/TeamsDataList.js.map +1 -1
  92. package/ui/views/Teams/TeamsForm.js +118 -150
  93. package/ui/views/Teams/TeamsForm.js.map +1 -1
  94. package/ui/views/Teams/graphql.d.ts +1 -1
  95. package/ui/views/Teams/graphql.js +87 -16
  96. package/ui/views/Teams/graphql.js.map +1 -1
  97. package/ui/views/Teams/index.js +1 -16
  98. package/ui/views/Teams/index.js.map +1 -1
  99. package/ui/views/utils.js +3 -14
  100. package/ui/views/utils.js.map +1 -1
@@ -1,176 +1,149 @@
1
- "use strict";
2
-
3
- var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
4
- var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
5
- Object.defineProperty(exports, "__esModule", {
6
- value: true
7
- });
8
- exports.GroupsDataList = void 0;
9
- var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
10
- var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
11
- var _react = _interopRequireWildcard(require("react"));
12
- var _orderBy = _interopRequireDefault(require("lodash/orderBy"));
13
- var _i18n = require("@webiny/app/i18n");
14
- var _List = require("@webiny/ui/List");
15
- var _icons = require("@webiny/ui/List/DataList/icons");
16
- var _reactRouter = require("@webiny/react-router");
17
- var _useSnackbar2 = require("@webiny/app-admin/hooks/useSnackbar");
18
- var _reactHooks = require("@apollo/react-hooks");
19
- var _useConfirmationDialog = require("@webiny/app-admin/hooks/useConfirmationDialog");
20
- var _graphql = require("./graphql");
21
- var _Tooltip = require("@webiny/ui/Tooltip");
22
- var _Button = require("@webiny/ui/Button");
23
- var _Grid = require("@webiny/ui/Grid");
24
- var _Select = require("@webiny/ui/Select");
25
- var _SearchUI = _interopRequireDefault(require("@webiny/app-admin/components/SearchUI"));
26
- var _add18px = require("@webiny/app-admin/assets/icons/add-18px.svg");
27
- var _filter24px = require("@webiny/app-admin/assets/icons/filter-24px.svg");
28
- var _utils = require("../utils");
29
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
30
- var t = _i18n.i18n.ns("app-security/admin/roles/data-list");
31
- var SORTERS = [{
32
- label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Newest to oldest"]))),
1
+ import React, { useCallback, useMemo, useState } from "react";
2
+ import orderBy from "lodash/orderBy";
3
+ import { i18n } from "@webiny/app/i18n";
4
+ import { DataList, ScrollList, ListItem, ListItemText, ListItemTextSecondary, ListItemMeta, ListActions, DataListModalOverlayAction, DataListModalOverlay, ListItemTextPrimary } from "@webiny/ui/List";
5
+ import { DeleteIcon } from "@webiny/ui/List/DataList/icons";
6
+ import { useRouter } from "@webiny/react-router";
7
+ import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
8
+ import { useQuery, useMutation } from "@apollo/react-hooks";
9
+ import { useConfirmationDialog } from "@webiny/app-admin/hooks/useConfirmationDialog";
10
+ import { LIST_GROUPS, DELETE_GROUP } from "./graphql";
11
+ import SearchUI from "@webiny/app-admin/components/SearchUI";
12
+ import { deserializeSorters } from "../utils";
13
+ import { Button, Grid, Select, Tooltip } from "@webiny/admin-ui";
14
+ import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
15
+ const t = i18n.ns("app-security/admin/roles/data-list");
16
+ const SORTERS = [{
17
+ label: t`Newest to oldest`,
33
18
  sorter: "createdOn_DESC"
34
19
  }, {
35
- label: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Oldest to newest"]))),
20
+ label: t`Oldest to newest`,
36
21
  sorter: "createdOn_ASC"
37
22
  }, {
38
- label: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Name A-Z"]))),
23
+ label: t`Name A-Z`,
39
24
  sorter: "name_ASC"
40
25
  }, {
41
- label: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Name Z-A"]))),
26
+ label: t`Name Z-A`,
42
27
  sorter: "name_DESC"
43
28
  }];
44
- var GroupsDataList = exports.GroupsDataList = function GroupsDataList() {
45
- var _useState = (0, _react.useState)(""),
46
- _useState2 = (0, _slicedToArray2.default)(_useState, 2),
47
- filter = _useState2[0],
48
- setFilter = _useState2[1];
49
- var _useState3 = (0, _react.useState)(SORTERS[0].sorter),
50
- _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
51
- sort = _useState4[0],
52
- setSort = _useState4[1];
53
- var _useRouter = (0, _reactRouter.useRouter)(),
54
- history = _useRouter.history,
55
- location = _useRouter.location;
56
- var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
57
- showSnackbar = _useSnackbar.showSnackbar;
58
- var _useConfirmationDialo = (0, _useConfirmationDialog.useConfirmationDialog)({
59
- dataTestId: "default-data-list.delete-dialog"
60
- }),
61
- showConfirmation = _useConfirmationDialo.showConfirmation;
62
- var _useQuery = (0, _reactHooks.useQuery)(_graphql.LIST_GROUPS),
63
- listResponse = _useQuery.data,
64
- listLoading = _useQuery.loading;
65
- var _useMutation = (0, _reactHooks.useMutation)(_graphql.DELETE_GROUP, {
66
- refetchQueries: [{
67
- query: _graphql.LIST_GROUPS
68
- }]
69
- }),
70
- _useMutation2 = (0, _slicedToArray2.default)(_useMutation, 2),
71
- deleteIt = _useMutation2[0],
72
- deleteLoading = _useMutation2[1].loading;
73
- var data = listLoading && !listResponse ? [] : listResponse?.security.groups.data || [];
74
- var id = new URLSearchParams(location.search).get("id");
75
- var filterGroup = (0, _react.useCallback)(function (_ref) {
76
- var name = _ref.name,
77
- slug = _ref.slug,
78
- description = _ref.description;
29
+ export const GroupsDataList = () => {
30
+ const [filter, setFilter] = useState("");
31
+ const [sort, setSort] = useState(SORTERS[0].sorter);
32
+ const {
33
+ history,
34
+ location
35
+ } = useRouter();
36
+ const {
37
+ showSnackbar
38
+ } = useSnackbar();
39
+ const {
40
+ showConfirmation
41
+ } = useConfirmationDialog({
42
+ dataTestId: "default-data-list.delete-dialog"
43
+ });
44
+ const {
45
+ data: listResponse,
46
+ loading: listLoading
47
+ } = useQuery(LIST_GROUPS);
48
+ const [deleteIt, {
49
+ loading: deleteLoading
50
+ }] = useMutation(DELETE_GROUP, {
51
+ refetchQueries: [{
52
+ query: LIST_GROUPS
53
+ }]
54
+ });
55
+ const data = listLoading && !listResponse ? [] : listResponse?.security.groups.data || [];
56
+ const id = new URLSearchParams(location.search).get("id");
57
+ const filterGroup = useCallback(({
58
+ name,
59
+ slug,
60
+ description
61
+ }) => {
79
62
  return name.toLowerCase().includes(filter) || slug.toLowerCase().includes(filter) || description && description.toLowerCase().includes(filter);
80
63
  }, [filter]);
81
- var sortGroups = (0, _react.useCallback)(function (groups) {
64
+ const sortGroups = useCallback(groups => {
82
65
  if (!sort) {
83
66
  return groups;
84
67
  }
85
- var _deserializeSorters = (0, _utils.deserializeSorters)(sort),
86
- _deserializeSorters2 = (0, _slicedToArray2.default)(_deserializeSorters, 2),
87
- key = _deserializeSorters2[0],
88
- sortBy = _deserializeSorters2[1];
89
- return (0, _orderBy.default)(groups, [key], [sortBy]);
68
+ const [key, sortBy] = deserializeSorters(sort);
69
+ return orderBy(groups, [key], [sortBy]);
90
70
  }, [sort]);
91
- var deleteItem = (0, _react.useCallback)(function (item) {
92
- showConfirmation(async function () {
93
- var _await$deleteIt = await deleteIt({
94
- variables: item
95
- }),
96
- data = _await$deleteIt.data;
97
- var error = data.security.deleteGroup.error;
71
+ const deleteItem = useCallback(item => {
72
+ showConfirmation(async () => {
73
+ const {
74
+ data
75
+ } = await deleteIt({
76
+ variables: item
77
+ });
78
+ const {
79
+ error
80
+ } = data.security.deleteGroup;
98
81
  if (error) {
99
82
  return showSnackbar(error.message);
100
83
  }
101
- showSnackbar(t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Role \"{slug}\" deleted."])))({
84
+ showSnackbar(t`Role "{slug}" deleted.`({
102
85
  slug: item.slug
103
86
  }));
104
87
  if (id === item.id) {
105
- history.push("/access-management/roles");
88
+ history.push(`/access-management/roles`);
106
89
  }
107
90
  });
108
91
  }, [id]);
109
- var groupsDataListModalOverlay = (0, _react.useMemo)(function () {
110
- return /*#__PURE__*/_react.default.createElement(_List.DataListModalOverlay, null, /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
111
- span: 12
112
- }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
113
- value: sort,
114
- onChange: setSort,
115
- label: t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Sort by"])))
116
- }, SORTERS.map(function (_ref2) {
117
- var label = _ref2.label,
118
- sorter = _ref2.sorter;
119
- return /*#__PURE__*/_react.default.createElement("option", {
120
- key: label,
121
- value: sorter
122
- }, label);
123
- })))));
124
- }, [sort]);
125
- var filteredData = filter === "" ? data : data.filter(filterGroup);
126
- var groupList = sortGroups(filteredData);
127
- return /*#__PURE__*/_react.default.createElement(_List.DataList, {
128
- title: t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["Roles"]))),
129
- actions: /*#__PURE__*/_react.default.createElement(_Button.ButtonSecondary, {
92
+ const groupsDataListModalOverlay = useMemo(() => /*#__PURE__*/React.createElement(DataListModalOverlay, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
93
+ span: 12
94
+ }, /*#__PURE__*/React.createElement(Select, {
95
+ value: sort,
96
+ onChange: setSort,
97
+ label: t`Sort by`,
98
+ options: SORTERS.map(({
99
+ label,
100
+ sorter: value
101
+ }) => ({
102
+ label,
103
+ value
104
+ }))
105
+ })))), [sort]);
106
+ const filteredData = filter === "" ? data : data.filter(filterGroup);
107
+ const groupList = sortGroups(filteredData);
108
+ return /*#__PURE__*/React.createElement(DataList, {
109
+ title: t`Roles`,
110
+ actions: /*#__PURE__*/React.createElement(Button, {
111
+ text: t`New`,
112
+ icon: /*#__PURE__*/React.createElement(AddIcon, null),
113
+ size: "sm",
114
+ className: "wby-ml-xs",
130
115
  "data-testid": "new-record-button",
131
- onClick: function onClick() {
132
- return history.push("/access-management/roles?new=true");
133
- }
134
- }, /*#__PURE__*/_react.default.createElement(_Button.ButtonIcon, {
135
- icon: /*#__PURE__*/_react.default.createElement(_add18px.ReactComponent, null)
136
- }), " ", t(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["New Role"])))),
116
+ onClick: () => history.push("/access-management/roles?new=true")
117
+ }),
137
118
  data: groupList,
138
119
  loading: listLoading || deleteLoading,
139
- search: /*#__PURE__*/_react.default.createElement(_SearchUI.default, {
120
+ search: /*#__PURE__*/React.createElement(SearchUI, {
140
121
  value: filter,
141
122
  onChange: setFilter,
142
- inputPlaceholder: t(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["Search Roles"])))
123
+ inputPlaceholder: t`Search roles...`
143
124
  }),
144
125
  modalOverlay: groupsDataListModalOverlay,
145
- modalOverlayAction: /*#__PURE__*/_react.default.createElement(_List.DataListModalOverlayAction, {
146
- icon: /*#__PURE__*/_react.default.createElement(_filter24px.ReactComponent, null),
126
+ modalOverlayAction: /*#__PURE__*/React.createElement(DataListModalOverlayAction, {
147
127
  "data-testid": "default-data-list.filter"
148
128
  })
149
- }, function (_ref3) {
150
- var data = _ref3.data;
151
- return /*#__PURE__*/_react.default.createElement(_List.ScrollList, {
152
- "data-testid": "default-data-list"
153
- }, data.map(function (item) {
154
- return /*#__PURE__*/_react.default.createElement(_List.ListItem, {
155
- key: item.id,
156
- selected: item.id === id
157
- }, /*#__PURE__*/_react.default.createElement(_List.ListItemText, {
158
- onClick: function onClick() {
159
- return history.push("/access-management/roles?id=".concat(item.id));
160
- }
161
- }, item.name, /*#__PURE__*/_react.default.createElement(_List.ListItemTextSecondary, null, item.description)), /*#__PURE__*/_react.default.createElement(_List.ListItemMeta, null, /*#__PURE__*/_react.default.createElement(_List.ListActions, null, item.system || item.plugin ? /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
162
- placement: "bottom",
163
- content: /*#__PURE__*/_react.default.createElement("span", null, item.system ? t(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["Cannot delete system roles."]))) : t(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["Cannot delete roles registered via extensions."]))))
164
- }, /*#__PURE__*/_react.default.createElement(_icons.DeleteIcon, {
165
- disabled: true
166
- })) : /*#__PURE__*/_react.default.createElement(_icons.DeleteIcon, {
167
- onClick: function onClick() {
168
- return deleteItem(item);
169
- },
170
- "data-testid": "default-data-list.delete"
171
- }))));
172
- }));
173
- });
129
+ }, ({
130
+ data
131
+ }) => /*#__PURE__*/React.createElement(ScrollList, {
132
+ "data-testid": "default-data-list"
133
+ }, data.map(item => /*#__PURE__*/React.createElement(ListItem, {
134
+ key: item.id,
135
+ selected: item.id === id
136
+ }, /*#__PURE__*/React.createElement(ListItemText, {
137
+ onClick: () => history.push(`/access-management/roles?id=${item.id}`)
138
+ }, /*#__PURE__*/React.createElement(ListItemTextPrimary, null, item.name), /*#__PURE__*/React.createElement(ListItemTextSecondary, null, item.description)), /*#__PURE__*/React.createElement(ListItemMeta, null, /*#__PURE__*/React.createElement(ListActions, null, item.system || item.plugin ? /*#__PURE__*/React.createElement(Tooltip, {
139
+ content: /*#__PURE__*/React.createElement("span", null, item.system ? t`Cannot delete system roles.` : t`Cannot delete roles registered via extensions.`),
140
+ trigger: /*#__PURE__*/React.createElement(DeleteIcon, {
141
+ disabled: true
142
+ })
143
+ }) : /*#__PURE__*/React.createElement(DeleteIcon, {
144
+ onClick: () => deleteItem(item),
145
+ "data-testid": "default-data-list.delete"
146
+ })))))));
174
147
  };
175
148
 
176
149
  //# sourceMappingURL=GroupsDataList.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["_react","_interopRequireWildcard","require","_orderBy","_interopRequireDefault","_i18n","_List","_icons","_reactRouter","_useSnackbar2","_reactHooks","_useConfirmationDialog","_graphql","_Tooltip","_Button","_Grid","_Select","_SearchUI","_add18px","_filter24px","_utils","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","_templateObject11","t","i18n","ns","SORTERS","label","_taggedTemplateLiteral2","default","sorter","GroupsDataList","exports","_useState","useState","_useState2","_slicedToArray2","filter","setFilter","_useState3","_useState4","sort","setSort","_useRouter","useRouter","history","location","_useSnackbar","useSnackbar","showSnackbar","_useConfirmationDialo","useConfirmationDialog","dataTestId","showConfirmation","_useQuery","useQuery","LIST_GROUPS","listResponse","data","listLoading","loading","_useMutation","useMutation","DELETE_GROUP","refetchQueries","query","_useMutation2","deleteIt","deleteLoading","security","groups","id","URLSearchParams","search","get","filterGroup","useCallback","_ref","name","slug","description","toLowerCase","includes","sortGroups","_deserializeSorters","deserializeSorters","_deserializeSorters2","key","sortBy","orderBy","deleteItem","item","_await$deleteIt","variables","error","deleteGroup","message","push","groupsDataListModalOverlay","useMemo","createElement","DataListModalOverlay","Grid","Cell","span","Select","value","onChange","map","_ref2","filteredData","groupList","DataList","title","actions","ButtonSecondary","onClick","ButtonIcon","icon","ReactComponent","inputPlaceholder","modalOverlay","modalOverlayAction","DataListModalOverlayAction","_ref3","ScrollList","ListItem","selected","ListItemText","concat","ListItemTextSecondary","ListItemMeta","ListActions","system","plugin","Tooltip","placement","content","DeleteIcon","disabled"],"sources":["GroupsDataList.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport orderBy from \"lodash/orderBy\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport {\n DataList,\n ScrollList,\n ListItem,\n ListItemText,\n ListItemTextSecondary,\n ListItemMeta,\n ListActions,\n DataListModalOverlayAction,\n DataListModalOverlay\n} from \"@webiny/ui/List\";\nimport { DeleteIcon } from \"@webiny/ui/List/DataList/icons\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { useQuery, useMutation } from \"@apollo/react-hooks\";\nimport { useConfirmationDialog } from \"@webiny/app-admin/hooks/useConfirmationDialog\";\nimport { LIST_GROUPS, DELETE_GROUP, ListGroupsResponse } from \"./graphql\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { ButtonIcon, ButtonSecondary } from \"@webiny/ui/Button\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Select } from \"@webiny/ui/Select\";\nimport SearchUI from \"@webiny/app-admin/components/SearchUI\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport { ReactComponent as FilterIcon } from \"@webiny/app-admin/assets/icons/filter-24px.svg\";\nimport { deserializeSorters } from \"../utils\";\nimport { Group } from \"~/types\";\n\nconst t = i18n.ns(\"app-security/admin/roles/data-list\");\n\nconst SORTERS = [\n {\n label: t`Newest to oldest`,\n sorter: \"createdOn_DESC\"\n },\n {\n label: t`Oldest to newest`,\n sorter: \"createdOn_ASC\"\n },\n {\n label: t`Name A-Z`,\n sorter: \"name_ASC\"\n },\n {\n label: t`Name Z-A`,\n sorter: \"name_DESC\"\n }\n];\n\nexport interface GroupsDataListProps {\n // TODO @ts-refactor delete and go up the tree and sort it out\n [key: string]: any;\n}\n\nexport const GroupsDataList = () => {\n const [filter, setFilter] = useState(\"\");\n const [sort, setSort] = useState(SORTERS[0].sorter);\n const { history, location } = useRouter();\n const { showSnackbar } = useSnackbar();\n const { showConfirmation } = useConfirmationDialog({\n dataTestId: \"default-data-list.delete-dialog\"\n });\n\n const { data: listResponse, loading: listLoading } = useQuery<ListGroupsResponse>(LIST_GROUPS);\n\n const [deleteIt, { loading: deleteLoading }] = useMutation(DELETE_GROUP, {\n refetchQueries: [{ query: LIST_GROUPS }]\n });\n\n const data = listLoading && !listResponse ? [] : listResponse?.security.groups.data || [];\n const id = new URLSearchParams(location.search).get(\"id\");\n\n const filterGroup = useCallback(\n ({ name, slug, description }: Group) => {\n return (\n name.toLowerCase().includes(filter) ||\n slug.toLowerCase().includes(filter) ||\n (description && description.toLowerCase().includes(filter))\n );\n },\n [filter]\n );\n\n const sortGroups = useCallback(\n (groups: Group[]) => {\n if (!sort) {\n return groups;\n }\n const [key, sortBy] = deserializeSorters(sort);\n return orderBy(groups, [key], [sortBy]);\n },\n [sort]\n );\n\n const deleteItem = useCallback(\n (item: Group) => {\n showConfirmation(async () => {\n const { data } = await deleteIt({\n variables: item\n });\n\n const { error } = data.security.deleteGroup;\n if (error) {\n return showSnackbar(error.message);\n }\n\n showSnackbar(t`Role \"{slug}\" deleted.`({ slug: item.slug }));\n\n if (id === item.id) {\n history.push(`/access-management/roles`);\n }\n });\n },\n [id]\n );\n\n const groupsDataListModalOverlay = useMemo(\n () => (\n <DataListModalOverlay>\n <Grid>\n <Cell span={12}>\n <Select value={sort} onChange={setSort} label={t`Sort by`}>\n {SORTERS.map(({ label, sorter }) => {\n return (\n <option key={label} value={sorter}>\n {label}\n </option>\n );\n })}\n </Select>\n </Cell>\n </Grid>\n </DataListModalOverlay>\n ),\n [sort]\n );\n\n const filteredData = filter === \"\" ? data : data.filter(filterGroup);\n const groupList = sortGroups(filteredData);\n\n return (\n <DataList\n title={t`Roles`}\n actions={\n <ButtonSecondary\n data-testid=\"new-record-button\"\n onClick={() => history.push(\"/access-management/roles?new=true\")}\n >\n <ButtonIcon icon={<AddIcon />} /> {t`New Role`}\n </ButtonSecondary>\n }\n data={groupList}\n loading={listLoading || deleteLoading}\n search={\n <SearchUI value={filter} onChange={setFilter} inputPlaceholder={t`Search Roles`} />\n }\n modalOverlay={groupsDataListModalOverlay}\n modalOverlayAction={\n <DataListModalOverlayAction\n icon={<FilterIcon />}\n data-testid={\"default-data-list.filter\"}\n />\n }\n >\n {({ data }: { data: Group[] }) => (\n <ScrollList data-testid=\"default-data-list\">\n {data.map(item => (\n <ListItem key={item.id} selected={item.id === id}>\n <ListItemText\n onClick={() =>\n history.push(`/access-management/roles?id=${item.id}`)\n }\n >\n {item.name}\n <ListItemTextSecondary>{item.description}</ListItemTextSecondary>\n </ListItemText>\n\n <ListItemMeta>\n <ListActions>\n {item.system || item.plugin ? (\n <Tooltip\n placement={\"bottom\"}\n content={\n <span>\n {item.system\n ? t`Cannot delete system roles.`\n : t`Cannot delete roles registered via extensions.`}\n </span>\n }\n >\n <DeleteIcon disabled />\n </Tooltip>\n ) : (\n <DeleteIcon\n onClick={() => deleteItem(item)}\n data-testid={\"default-data-list.delete\"}\n />\n )}\n </ListActions>\n </ListItemMeta>\n </ListItem>\n ))}\n </ScrollList>\n )}\n </DataList>\n );\n};\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["React","useCallback","useMemo","useState","orderBy","i18n","DataList","ScrollList","ListItem","ListItemText","ListItemTextSecondary","ListItemMeta","ListActions","DataListModalOverlayAction","DataListModalOverlay","ListItemTextPrimary","DeleteIcon","useRouter","useSnackbar","useQuery","useMutation","useConfirmationDialog","LIST_GROUPS","DELETE_GROUP","SearchUI","deserializeSorters","Button","Grid","Select","Tooltip","ReactComponent","AddIcon","t","ns","SORTERS","label","sorter","GroupsDataList","filter","setFilter","sort","setSort","history","location","showSnackbar","showConfirmation","dataTestId","data","listResponse","loading","listLoading","deleteIt","deleteLoading","refetchQueries","query","security","groups","id","URLSearchParams","search","get","filterGroup","name","slug","description","toLowerCase","includes","sortGroups","key","sortBy","deleteItem","item","variables","error","deleteGroup","message","push","groupsDataListModalOverlay","createElement","Column","span","value","onChange","options","map","filteredData","groupList","title","actions","text","icon","size","className","onClick","inputPlaceholder","modalOverlay","modalOverlayAction","selected","system","plugin","content","trigger","disabled"],"sources":["GroupsDataList.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport orderBy from \"lodash/orderBy\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport {\n DataList,\n ScrollList,\n ListItem,\n ListItemText,\n ListItemTextSecondary,\n ListItemMeta,\n ListActions,\n DataListModalOverlayAction,\n DataListModalOverlay,\n ListItemTextPrimary\n} from \"@webiny/ui/List\";\nimport { DeleteIcon } from \"@webiny/ui/List/DataList/icons\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { useQuery, useMutation } from \"@apollo/react-hooks\";\nimport { useConfirmationDialog } from \"@webiny/app-admin/hooks/useConfirmationDialog\";\nimport type { ListGroupsResponse } from \"./graphql\";\nimport { LIST_GROUPS, DELETE_GROUP } from \"./graphql\";\nimport SearchUI from \"@webiny/app-admin/components/SearchUI\";\nimport { deserializeSorters } from \"../utils\";\nimport type { Group } from \"~/types\";\nimport { Button, Grid, Select, Tooltip } from \"@webiny/admin-ui\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\n\nconst t = i18n.ns(\"app-security/admin/roles/data-list\");\n\nconst SORTERS = [\n {\n label: t`Newest to oldest`,\n sorter: \"createdOn_DESC\"\n },\n {\n label: t`Oldest to newest`,\n sorter: \"createdOn_ASC\"\n },\n {\n label: t`Name A-Z`,\n sorter: \"name_ASC\"\n },\n {\n label: t`Name Z-A`,\n sorter: \"name_DESC\"\n }\n];\n\nexport interface GroupsDataListProps {\n // TODO @ts-refactor delete and go up the tree and sort it out\n [key: string]: any;\n}\n\nexport const GroupsDataList = () => {\n const [filter, setFilter] = useState(\"\");\n const [sort, setSort] = useState(SORTERS[0].sorter);\n const { history, location } = useRouter();\n const { showSnackbar } = useSnackbar();\n const { showConfirmation } = useConfirmationDialog({\n dataTestId: \"default-data-list.delete-dialog\"\n });\n\n const { data: listResponse, loading: listLoading } = useQuery<ListGroupsResponse>(LIST_GROUPS);\n\n const [deleteIt, { loading: deleteLoading }] = useMutation(DELETE_GROUP, {\n refetchQueries: [{ query: LIST_GROUPS }]\n });\n\n const data = listLoading && !listResponse ? [] : listResponse?.security.groups.data || [];\n const id = new URLSearchParams(location.search).get(\"id\");\n\n const filterGroup = useCallback(\n ({ name, slug, description }: Group) => {\n return (\n name.toLowerCase().includes(filter) ||\n slug.toLowerCase().includes(filter) ||\n (description && description.toLowerCase().includes(filter))\n );\n },\n [filter]\n );\n\n const sortGroups = useCallback(\n (groups: Group[]) => {\n if (!sort) {\n return groups;\n }\n const [key, sortBy] = deserializeSorters(sort);\n return orderBy(groups, [key], [sortBy]);\n },\n [sort]\n );\n\n const deleteItem = useCallback(\n (item: Group) => {\n showConfirmation(async () => {\n const { data } = await deleteIt({\n variables: item\n });\n\n const { error } = data.security.deleteGroup;\n if (error) {\n return showSnackbar(error.message);\n }\n\n showSnackbar(t`Role \"{slug}\" deleted.`({ slug: item.slug }));\n\n if (id === item.id) {\n history.push(`/access-management/roles`);\n }\n });\n },\n [id]\n );\n\n const groupsDataListModalOverlay = useMemo(\n () => (\n <DataListModalOverlay>\n <Grid>\n <Grid.Column span={12}>\n <Select\n value={sort}\n onChange={setSort}\n label={t`Sort by`}\n options={SORTERS.map(({ label, sorter: value }) => ({\n label,\n value\n }))}\n />\n </Grid.Column>\n </Grid>\n </DataListModalOverlay>\n ),\n [sort]\n );\n\n const filteredData = filter === \"\" ? data : data.filter(filterGroup);\n const groupList = sortGroups(filteredData);\n\n return (\n <DataList\n title={t`Roles`}\n actions={\n <Button\n text={t`New`}\n icon={<AddIcon />}\n size={\"sm\"}\n className={\"wby-ml-xs\"}\n data-testid=\"new-record-button\"\n onClick={() => history.push(\"/access-management/roles?new=true\")}\n />\n }\n data={groupList}\n loading={listLoading || deleteLoading}\n search={\n <SearchUI\n value={filter}\n onChange={setFilter}\n inputPlaceholder={t`Search roles...`}\n />\n }\n modalOverlay={groupsDataListModalOverlay}\n modalOverlayAction={\n <DataListModalOverlayAction data-testid={\"default-data-list.filter\"} />\n }\n >\n {({ data }: { data: Group[] }) => (\n <ScrollList data-testid=\"default-data-list\">\n {data.map(item => (\n <ListItem key={item.id} selected={item.id === id}>\n <ListItemText\n onClick={() =>\n history.push(`/access-management/roles?id=${item.id}`)\n }\n >\n <ListItemTextPrimary>{item.name}</ListItemTextPrimary>\n <ListItemTextSecondary>{item.description}</ListItemTextSecondary>\n </ListItemText>\n\n <ListItemMeta>\n <ListActions>\n {item.system || item.plugin ? (\n <Tooltip\n content={\n <span>\n {item.system\n ? t`Cannot delete system roles.`\n : t`Cannot delete roles registered via extensions.`}\n </span>\n }\n trigger={<DeleteIcon disabled />}\n />\n ) : (\n <DeleteIcon\n onClick={() => deleteItem(item)}\n data-testid={\"default-data-list.delete\"}\n />\n )}\n </ListActions>\n </ListItemMeta>\n </ListItem>\n ))}\n </ScrollList>\n )}\n </DataList>\n );\n};\n"],"mappings":"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","ignoreList":[]}