@webiny/app-security-access-management 0.0.0-mt-2 → 0.0.0-unstable.06b2ede40f

package/ui/views/ApiKeys/ApiKeysDataList.js

@@ -1,209 +1,145 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
-
-import _regeneratorRuntime from "@babel/runtime/regenerator";
 import React, { useCallback, useMemo, useState } from "react";
 import orderBy from "lodash/orderBy";
+import { Button, Grid, Select } from "@webiny/admin-ui";
+import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
 import { i18n } from "@webiny/app/i18n";
-import { DataList, ScrollList, ListItem, ListItemText, ListItemTextSecondary, ListItemMeta, ListActions, DataListModalOverlayAction, DataListModalOverlay } from "@webiny/ui/List";
-import { ButtonIcon, ButtonSecondary } from "@webiny/ui/Button";
+import { DataList, ScrollList, ListItem, ListItemText, ListItemTextSecondary, ListItemMeta, ListActions, DataListModalOverlayAction, DataListModalOverlay, ListItemTextPrimary } from "@webiny/ui/List";
 import { DeleteIcon } from "@webiny/ui/List/DataList/icons";
-import { Cell, Grid } from "@webiny/ui/Grid";
-import { Select } from "@webiny/ui/Select";
 import { useRouter } from "@webiny/react-router";
 import SearchUI from "@webiny/app-admin/components/SearchUI";
 import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
 import { useQuery, useMutation } from "@apollo/react-hooks";
 import { useConfirmationDialog } from "@webiny/app-admin/hooks/useConfirmationDialog";
 import * as GQL from "./graphql";
-import { ReactComponent as AddIcon } from "@svgr/webpack!@webiny/app-admin/assets/icons/add-18px.svg";
-import { ReactComponent as FilterIcon } from "@svgr/webpack!@webiny/app-admin/assets/icons/filter-24px.svg";
-import { serializeSorters, deserializeSorters } from "../utils";
-var t = i18n.ns("app-security/admin/groups/data-list");
-var SORTERS = [{
-  label: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Newest to oldest"]))),
-  sorters: {
-    createdOn: "desc"
-  }
+import { deserializeSorters } from "../utils";
+const t = i18n.ns("app-security/admin/groups/data-list");
+const SORTERS = [{
+  label: t`Newest to oldest`,
+  sorter: "createdOn_DESC"
 }, {
-  label: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Oldest to newest"]))),
-  sorters: {
-    createdOn: "asc"
-  }
+  label: t`Oldest to newest`,
+  sorter: "createdOn_ASC"
 }, {
-  label: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Name A-Z"]))),
-  sorters: {
-    name: "asc"
-  }
+  label: t`Name A-Z`,
+  sorter: "name_ASC"
 }, {
-  label: t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Name Z-A"]))),
-  sorters: {
-    name: "desc"
-  }
+  label: t`Name Z-A`,
+  sorter: "name_DESC"
 }];
-
-var ApiKeysDataList = function ApiKeysDataList() {
-  var _useState = useState(""),
-      _useState2 = _slicedToArray(_useState, 2),
-      filter = _useState2[0],
-      setFilter = _useState2[1];
-
-  var _useState3 = useState(serializeSorters(SORTERS[0].sorters)),
-      _useState4 = _slicedToArray(_useState3, 2),
-      sort = _useState4[0],
-      setSort = _useState4[1];
-
-  var _useRouter = useRouter(),
-      history = _useRouter.history,
-      location = _useRouter.location;
-
-  var _useSnackbar = useSnackbar(),
-      showSnackbar = _useSnackbar.showSnackbar;
-
-  var _useConfirmationDialo = useConfirmationDialog({
+export const ApiKeysDataList = () => {
+  const [filter, setFilter] = useState("");
+  const [sort, setSort] = useState(SORTERS[0].sorter);
+  const {
+    history,
+    location
+  } = useRouter();
+  const {
+    showSnackbar
+  } = useSnackbar();
+  const {
+    showConfirmation
+  } = useConfirmationDialog({
     dataTestId: "default-data-list.delete-dialog"
-  }),
-      showConfirmation = _useConfirmationDialo.showConfirmation;
-
-  var filterAPIKey = useCallback(function (_ref) {
-    var description = _ref.description,
-        name = _ref.name;
+  });
+  const filterAPIKey = useCallback(({
+    description,
+    name
+  }) => {
     return description && description.toLowerCase().includes(filter) || name.toLowerCase().includes(filter);
   }, [filter]);
-  var sortKeys = useCallback(function (list) {
+  const sortKeys = useCallback(list => {
     if (!sort) {
       return list;
     }
-
-    var _Object$entries = Object.entries(deserializeSorters(sort)),
-        _Object$entries2 = _slicedToArray(_Object$entries, 1),
-        _Object$entries2$ = _slicedToArray(_Object$entries2[0], 2),
-        key = _Object$entries2$[0],
-        value = _Object$entries2$[1];
-
+    const [key, value] = deserializeSorters(sort);
     return orderBy(list, [key], [value]);
   }, [sort]);
-
-  var _useQuery = useQuery(GQL.LIST_API_KEYS),
-      listResponse = _useQuery.data,
-      listLoading = _useQuery.loading;
-
-  var _useMutation = useMutation(GQL.DELETE_API_KEY, {
+  const {
+    data: listResponse,
+    loading: listLoading
+  } = useQuery(GQL.LIST_API_KEYS);
+  const [deleteIt, {
+    loading: deleteLoading
+  }] = useMutation(GQL.DELETE_API_KEY, {
     refetchQueries: [{
       query: GQL.LIST_API_KEYS
     }]
-  }),
-      _useMutation2 = _slicedToArray(_useMutation, 2),
-      deleteIt = _useMutation2[0],
-      deleteLoading = _useMutation2[1].loading;
-
-  var data = listLoading && !listResponse ? [] : listResponse.security.apiKeys.data;
-  var id = new URLSearchParams(location.search).get("id");
-  var deleteItem = useCallback(function (item) {
-    showConfirmation( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var _yield$deleteIt, data, error;
-
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 2;
-              return deleteIt({
-                variables: item
-              });
-
-            case 2:
-              _yield$deleteIt = _context.sent;
-              data = _yield$deleteIt.data;
-              error = data.security.deleteApiKey.error;
-
-              if (!error) {
-                _context.next = 7;
-                break;
-              }
-
-              return _context.abrupt("return", showSnackbar(error.message));
-
-            case 7:
-              showSnackbar(t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Api key \"{id}\" deleted."])))({
-                id: item.id
-              }));
-
-              if (id === item.id) {
-                history.push("/access-management/api-keys");
-              }
-
-            case 9:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    })));
+  });
+  const data = listLoading && !listResponse ? [] : listResponse?.security.apiKeys.data || [];
+  const id = new URLSearchParams(location.search).get("id");
+  const deleteItem = useCallback(item => {
+    showConfirmation(async () => {
+      const {
+        data
+      } = await deleteIt({
+        variables: item
+      });
+      const {
+        error
+      } = data.security.deleteApiKey;
+      if (error) {
+        return showSnackbar(error.message);
+      }
+      showSnackbar(t`Api key "{id}" deleted.`({
+        id: item.id
+      }));
+      if (id === item.id) {
+        history.push(`/access-management/api-keys`);
+      }
+    });
   }, [id]);
-  var groupsDataListModalOverlay = useMemo(function () {
-    return /*#__PURE__*/React.createElement(DataListModalOverlay, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
-      span: 12
-    }, /*#__PURE__*/React.createElement(Select, {
-      value: sort,
-      onChange: setSort,
-      label: t(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["Sort by"])))
-    }, SORTERS.map(function (_ref3) {
-      var label = _ref3.label,
-          sorters = _ref3.sorters;
-      return /*#__PURE__*/React.createElement("option", {
-        key: label,
-        value: serializeSorters(sorters)
-      }, label);
-    })))));
-  }, [sort]);
-  var filteredData = filter === "" ? data : data.filter(filterAPIKey);
-  var list = sortKeys(filteredData);
+  const groupsDataListModalOverlay = useMemo(() => /*#__PURE__*/React.createElement(DataListModalOverlay, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(Select, {
+    value: sort,
+    onChange: setSort,
+    label: t`Sort by`,
+    options: SORTERS.map(({
+      label,
+      sorter: value
+    }) => {
+      return {
+        label,
+        value
+      };
+    })
+  })))), [sort]);
+  const filteredData = filter === "" ? data : data.filter(filterAPIKey);
+  const list = sortKeys(filteredData);
   return /*#__PURE__*/React.createElement(DataList, {
-    title: t(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["API Keys"]))),
-    actions: /*#__PURE__*/React.createElement(ButtonSecondary, {
+    title: t`API keys`,
+    actions: /*#__PURE__*/React.createElement(Button, {
+      text: t`New`,
+      icon: /*#__PURE__*/React.createElement(AddIcon, null),
+      size: "sm",
+      className: "wby-ml-xs",
       "data-testid": "new-record-button",
-      onClick: function onClick() {
-        return history.push("/access-management/api-keys?new=true");
-      }
-    }, /*#__PURE__*/React.createElement(ButtonIcon, {
-      icon: /*#__PURE__*/React.createElement(AddIcon, null)
-    }), " ", t(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["New API Key"])))),
+      onClick: () => history.push("/access-management/api-keys?new=true")
+    }),
     data: list,
     loading: listLoading || deleteLoading,
     search: /*#__PURE__*/React.createElement(SearchUI, {
       value: filter,
       onChange: setFilter,
-      inputPlaceholder: t(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["Search API keys"])))
+      inputPlaceholder: t`Search API keys...`
     }),
     modalOverlay: groupsDataListModalOverlay,
     modalOverlayAction: /*#__PURE__*/React.createElement(DataListModalOverlayAction, {
-      icon: /*#__PURE__*/React.createElement(FilterIcon, null),
       "data-testid": "default-data-list.filter"
     })
-  }, function (_ref4) {
-    var data = _ref4.data;
-    return /*#__PURE__*/React.createElement(ScrollList, {
-      "data-testid": "default-data-list"
-    }, data.map(function (item) {
-      return /*#__PURE__*/React.createElement(ListItem, {
-        key: item.id,
-        selected: item.id === id
-      }, /*#__PURE__*/React.createElement(ListItemText, {
-        onClick: function onClick() {
-          return history.push("/access-management/api-keys?id=".concat(item.id));
-        }
-      }, item.name, /*#__PURE__*/React.createElement(ListItemTextSecondary, null, item.description)), /*#__PURE__*/React.createElement(ListItemMeta, null, /*#__PURE__*/React.createElement(ListActions, null, /*#__PURE__*/React.createElement(DeleteIcon, {
-        onClick: function onClick() {
-          return deleteItem(item);
-        },
-        "data-testid": "default-data-list.delete"
-      }))));
-    }));
-  });
+  }, ({
+    data
+  }) => /*#__PURE__*/React.createElement(ScrollList, {
+    "data-testid": "default-data-list"
+  }, data.map(item => /*#__PURE__*/React.createElement(ListItem, {
+    key: item.id,
+    selected: item.id === id
+  }, /*#__PURE__*/React.createElement(ListItemText, {
+    onClick: () => history.push(`/access-management/api-keys?id=${item.id}`)
+  }, /*#__PURE__*/React.createElement(ListItemTextPrimary, null, item.name), /*#__PURE__*/React.createElement(ListItemTextSecondary, null, item.description)), /*#__PURE__*/React.createElement(ListItemMeta, null, /*#__PURE__*/React.createElement(ListActions, null, /*#__PURE__*/React.createElement(DeleteIcon, {
+    onClick: () => deleteItem(item),
+    "data-testid": "default-data-list.delete"
+  })))))));
 };
 
-export default ApiKeysDataList;
+//# sourceMappingURL=ApiKeysDataList.js.map

package/ui/views/ApiKeys/ApiKeysDataList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","useState","orderBy","Button","Grid","Select","ReactComponent","AddIcon","i18n","DataList","ScrollList","ListItem","ListItemText","ListItemTextSecondary","ListItemMeta","ListActions","DataListModalOverlayAction","DataListModalOverlay","ListItemTextPrimary","DeleteIcon","useRouter","SearchUI","useSnackbar","useQuery","useMutation","useConfirmationDialog","GQL","deserializeSorters","t","ns","SORTERS","label","sorter","ApiKeysDataList","filter","setFilter","sort","setSort","history","location","showSnackbar","showConfirmation","dataTestId","filterAPIKey","description","name","toLowerCase","includes","sortKeys","list","key","value","data","listResponse","loading","listLoading","LIST_API_KEYS","deleteIt","deleteLoading","DELETE_API_KEY","refetchQueries","query","security","apiKeys","id","URLSearchParams","search","get","deleteItem","item","variables","error","deleteApiKey","message","push","groupsDataListModalOverlay","createElement","Column","span","onChange","options","map","filteredData","title","actions","text","icon","size","className","onClick","inputPlaceholder","modalOverlay","modalOverlayAction","selected"],"sources":["ApiKeysDataList.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState } from \"react\";\nimport orderBy from \"lodash/orderBy\";\nimport { Button, Grid, Select } from \"@webiny/admin-ui\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\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 SearchUI from \"@webiny/app-admin/components/SearchUI\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { useQuery, useMutation } from \"@apollo/react-hooks\";\nimport { useConfirmationDialog } from \"@webiny/app-admin/hooks/useConfirmationDialog\";\nimport * as GQL from \"./graphql\";\nimport { deserializeSorters } from \"../utils\";\nimport type { ApiKey } from \"~/types\";\n\nconst t = i18n.ns(\"app-security/admin/groups/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];\nexport interface ApiKeysDataListProps {\n    // TODO @ts-refactor delete and go up the tree and sort it out\n    [key: string]: any;\n}\nexport const ApiKeysDataList = () => {\n    const [filter, setFilter] = useState(\"\");\n    const [sort, setSort] = useState<string>(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 filterAPIKey = useCallback(\n        ({ description, name }: ApiKey) => {\n            return (\n                (description && description.toLowerCase().includes(filter)) ||\n                name.toLowerCase().includes(filter)\n            );\n        },\n        [filter]\n    );\n\n    const sortKeys = useCallback(\n        (list: ApiKey[]) => {\n            if (!sort) {\n                return list;\n            }\n            const [key, value] = deserializeSorters(sort);\n            return orderBy(list, [key], [value]);\n        },\n        [sort]\n    );\n\n    const { data: listResponse, loading: listLoading } = useQuery<GQL.ListApiKeysResponse>(\n        GQL.LIST_API_KEYS\n    );\n\n    const [deleteIt, { loading: deleteLoading }] = useMutation(GQL.DELETE_API_KEY, {\n        refetchQueries: [{ query: GQL.LIST_API_KEYS }]\n    });\n\n    const data = listLoading && !listResponse ? [] : listResponse?.security.apiKeys.data || [];\n    const id = new URLSearchParams(location.search).get(\"id\");\n\n    const deleteItem = useCallback(\n        (item: ApiKey) => {\n            showConfirmation(async () => {\n                const { data } = await deleteIt({\n                    variables: item\n                });\n\n                const { error } = data.security.deleteApiKey;\n                if (error) {\n                    return showSnackbar(error.message);\n                }\n\n                showSnackbar(t`Api key \"{id}\" deleted.`({ id: item.id }));\n\n                if (id === item.id) {\n                    history.push(`/access-management/api-keys`);\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                                return {\n                                    label,\n                                    value\n                                };\n                            })}\n                        />\n                    </Grid.Column>\n                </Grid>\n            </DataListModalOverlay>\n        ),\n        [sort]\n    );\n\n    const filteredData = filter === \"\" ? data : data.filter(filterAPIKey);\n    const list = sortKeys(filteredData);\n\n    return (\n        <DataList\n            title={t`API keys`}\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/api-keys?new=true\")}\n                />\n            }\n            data={list}\n            loading={listLoading || deleteLoading}\n            search={\n                <SearchUI\n                    value={filter}\n                    onChange={setFilter}\n                    inputPlaceholder={t`Search API keys...`}\n                />\n            }\n            modalOverlay={groupsDataListModalOverlay}\n            modalOverlayAction={\n                <DataListModalOverlayAction data-testid={\"default-data-list.filter\"} />\n            }\n        >\n            {({ data }: { data: ApiKey[] }) => (\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/api-keys?id=${item.id}`)\n                                }\n                            >\n                                <ListItemTextPrimary>{item.name}</ListItemTextPrimary>\n                                <ListItemTextSecondary>{item.description}</ListItemTextSecondary>\n                            </ListItemText>\n\n                            <ListItemMeta>\n                                <ListActions>\n                                    <DeleteIcon\n                                        onClick={() => deleteItem(item)}\n                                        data-testid={\"default-data-list.delete\"}\n                                    />\n                                </ListActions>\n                            </ListItemMeta>\n                        </ListItem>\n                    ))}\n                </ScrollList>\n            )}\n        </DataList>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/ui/views/ApiKeys/graphql.d.ts

@@ -1,5 +1,13 @@
-export declare const LIST_API_KEYS: any;
-export declare const READ_API_KEY: any;
-export declare const CREATE_API_KEY: any;
-export declare const UPDATE_API_KEY: any;
-export declare const DELETE_API_KEY: any;
+import type { ApiKey } from "../../../types";
+export interface ListApiKeysResponse {
+    security: {
+        apiKeys: {
+            data: ApiKey[];
+        };
+    };
+}
+export declare const LIST_API_KEYS: import("graphql").DocumentNode;
+export declare const READ_API_KEY: import("graphql").DocumentNode;
+export declare const CREATE_API_KEY: import("graphql").DocumentNode;
+export declare const UPDATE_API_KEY: import("graphql").DocumentNode;
+export declare const DELETE_API_KEY: import("graphql").DocumentNode;

package/ui/views/ApiKeys/graphql.js

@@ -1,11 +1,82 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
 import gql from "graphql-tag";
-var fields = "\n    id\n    name\n    description\n    token\n    permissions\n    createdOn\n";
-export var LIST_API_KEYS = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    query ListApiKeys {\n        security {\n            apiKeys: listApiKeys {\n                data {\n                   ", "\n                }\n            }\n        }\n    }\n"])), fields);
-export var READ_API_KEY = gql(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    query GetApiKey($id: ID!) {\n        security {\n            apiKey: getApiKey(id: $id){\n                data {\n                    ", "\n                }\n                error {\n                    code\n                    message\n                }\n            }\n        }\n    }\n"])), fields);
-export var CREATE_API_KEY = gql(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    mutation CreateApiKey($data: SecurityApiKeyInput!){\n        security {\n            apiKey: createApiKey(data: $data) {\n                data {\n                    ", "\n                }\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n"])), fields);
-export var UPDATE_API_KEY = gql(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    mutation UpdateApiKey($id: ID!, $data: SecurityApiKeyInput!){\n        security {\n            apiKey: updateApiKey(id: $id, data: $data) {\n                data {\n                    ", "\n                }\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n"])), fields);
-export var DELETE_API_KEY = gql(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    mutation DeleteApiKey($id: ID!) {\n        security {\n            deleteApiKey(id: $id) {\n                data\n                error {\n                    code\n                    message\n                }\n            }\n        }\n    }\n"])));
+const fields = `
+    id
+    name
+    description
+    token
+    permissions
+    createdOn
+`;
+export const LIST_API_KEYS = gql`
+    query ListApiKeys {
+        security {
+            apiKeys: listApiKeys {
+                data {
+                   ${fields}
+                }
+            }
+        }
+    }
+`;
+export const READ_API_KEY = gql`
+    query GetApiKey($id: ID!) {
+        security {
+            apiKey: getApiKey(id: $id){
+                data {
+                    ${fields}
+                }
+                error {
+                    code
+                    message
+                }
+            }
+        }
+    }
+`;
+export const CREATE_API_KEY = gql`
+    mutation CreateApiKey($data: SecurityApiKeyInput!){
+        security {
+            apiKey: createApiKey(data: $data) {
+                data {
+                    ${fields}
+                }
+                error {
+                    code
+                    message
+                    data
+                }
+            }
+        }
+    }
+`;
+export const UPDATE_API_KEY = gql`
+    mutation UpdateApiKey($id: ID!, $data: SecurityApiKeyInput!){
+        security {
+            apiKey: updateApiKey(id: $id, data: $data) {
+                data {
+                    ${fields}
+                }
+                error {
+                    code
+                    message
+                    data
+                }
+            }
+        }
+    }
+`;
+export const DELETE_API_KEY = gql`
+    mutation DeleteApiKey($id: ID!) {
+        security {
+            deleteApiKey(id: $id) {
+                data
+                error {
+                    code
+                    message
+                }
+            }
+        }
+    }
+`;
+
+//# sourceMappingURL=graphql.js.map

package/ui/views/ApiKeys/graphql.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["gql","fields","LIST_API_KEYS","READ_API_KEY","CREATE_API_KEY","UPDATE_API_KEY","DELETE_API_KEY"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport type { ApiKey } from \"~/types\";\n\nconst fields = `\n    id\n    name\n    description\n    token\n    permissions\n    createdOn\n`;\n\nexport interface ListApiKeysResponse {\n    security: {\n        apiKeys: {\n            data: ApiKey[];\n        };\n    };\n}\n\nexport const LIST_API_KEYS = gql`\n    query ListApiKeys {\n        security {\n            apiKeys: listApiKeys {\n                data {\n                   ${fields}\n                }\n            }\n        }\n    }\n`;\n\nexport const READ_API_KEY = gql`\n    query GetApiKey($id: ID!) {\n        security {\n            apiKey: getApiKey(id: $id){\n                data {\n                    ${fields}\n                }\n                error {\n                    code\n                    message\n                }\n            }\n        }\n    }\n`;\n\nexport const CREATE_API_KEY = gql`\n    mutation CreateApiKey($data: SecurityApiKeyInput!){\n        security {\n            apiKey: createApiKey(data: $data) {\n                data {\n                    ${fields}\n                }\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n`;\n\nexport const UPDATE_API_KEY = gql`\n    mutation UpdateApiKey($id: ID!, $data: SecurityApiKeyInput!){\n        security {\n            apiKey: updateApiKey(id: $id, data: $data) {\n                data {\n                    ${fields}\n                }\n                error {\n                    code\n                    message\n                    data\n                }\n            }\n        }\n    }\n`;\n\nexport const DELETE_API_KEY = gql`\n    mutation DeleteApiKey($id: ID!) {\n        security {\n            deleteApiKey(id: $id) {\n                data\n                error {\n                    code\n                    message\n                }\n            }\n        }\n    }\n`;\n"],"mappings":"AAAA,OAAOA,GAAG,MAAM,aAAa;AAG7B,MAAMC,MAAM,GAAG;AACf;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAUD,OAAO,MAAMC,aAAa,GAAGF,GAAG;AAChC;AACA;AACA;AACA;AACA,qBAAqBC,MAAM;AAC3B;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAME,YAAY,GAAGH,GAAG;AAC/B;AACA;AACA;AACA;AACA,sBAAsBC,MAAM;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMG,cAAc,GAAGJ,GAAG;AACjC;AACA;AACA;AACA;AACA,sBAAsBC,MAAM;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMI,cAAc,GAAGL,GAAG;AACjC;AACA;AACA;AACA;AACA,sBAAsBC,MAAM;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMK,cAAc,GAAGN,GAAG;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/ui/views/ApiKeys/index.d.ts

@@ -1 +1 @@
-export { default as ApiKeys } from "./ApiKeys";
+export * from "./ApiKeys";

package/ui/views/ApiKeys/index.js

@@ -1 +1,3 @@
-export { default as ApiKeys } from "./ApiKeys";
+export * from "./ApiKeys";
+
+//# sourceMappingURL=index.js.map

package/ui/views/ApiKeys/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./ApiKeys\";\n"],"mappings":"AAAA","ignoreList":[]}

package/ui/views/ApiKeys/utils.d.ts

@@ -1 +1,2 @@
-export declare const pickDataForAPI: (data: any) => any;
+import type { ApiKey } from "../../../types";
+export declare const pickDataForAPI: (data: ApiKey) => Pick<ApiKey, "name" | "description" | "permissions">;

package/ui/views/ApiKeys/utils.js

@@ -1,5 +1,6 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _pick from "lodash/pick";
-export var pickDataForAPI = function pickDataForAPI(data) {
-  return _objectSpread({}, _pick(data, ["name", "description", "permissions"]));
-};
+import pick from "lodash/pick";
+export const pickDataForAPI = data => ({
+  ...pick(data, ["name", "description", "permissions"])
+});
+
+//# sourceMappingURL=utils.js.map

package/ui/views/ApiKeys/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pick","pickDataForAPI","data"],"sources":["utils.ts"],"sourcesContent":["import pick from \"lodash/pick\";\nimport type { ApiKey } from \"~/types\";\n\nexport const pickDataForAPI = (\n    data: ApiKey\n): Pick<ApiKey, \"name\" | \"description\" | \"permissions\"> => ({\n    ...pick(data, [\"name\", \"description\", \"permissions\"])\n});\n"],"mappings":"AAAA,OAAOA,IAAI,MAAM,aAAa;AAG9B,OAAO,MAAMC,cAAc,GACvBC,IAAY,KAC4C;EACxD,GAAGF,IAAI,CAACE,IAAI,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,aAAa,CAAC;AACxD,CAAC,CAAC","ignoreList":[]}

package/ui/views/Groups/Groups.d.ts

@@ -1,3 +1,8 @@
-/// <reference types="react" />
-declare const Groups: ({ formProps, listProps }: any) => JSX.Element;
-export default Groups;
+import React from "react";
+import type { GroupsDataListProps } from "./GroupsDataList";
+import type { GroupsFormProps } from "./GroupsForm";
+export interface GroupsProps {
+    listProps?: GroupsDataListProps;
+    formProps?: GroupsFormProps;
+}
+export declare const Groups: ({ formProps, listProps }: GroupsProps) => React.JSX.Element;

package/ui/views/Groups/Groups.js

@@ -1,12 +1,12 @@
-import * as React from "react";
+import React from "react";
 import { SplitView, LeftPanel, RightPanel } from "@webiny/app-admin/components/SplitView";
-import GroupsDataList from "./GroupsDataList";
-import GroupsForm from "./GroupsForm";
-
-var Groups = function Groups(_ref) {
-  var formProps = _ref.formProps,
-      listProps = _ref.listProps;
+import { GroupsDataList } from "./GroupsDataList";
+import { GroupsForm } from "./GroupsForm";
+export const Groups = ({
+  formProps = {},
+  listProps = {}
+}) => {
   return /*#__PURE__*/React.createElement(SplitView, null, /*#__PURE__*/React.createElement(LeftPanel, null, /*#__PURE__*/React.createElement(GroupsDataList, listProps)), /*#__PURE__*/React.createElement(RightPanel, null, /*#__PURE__*/React.createElement(GroupsForm, formProps)));
 };
 
-export default Groups;
+//# sourceMappingURL=Groups.js.map

package/ui/views/Groups/Groups.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","SplitView","LeftPanel","RightPanel","GroupsDataList","GroupsForm","Groups","formProps","listProps","createElement"],"sources":["Groups.tsx"],"sourcesContent":["import React from \"react\";\nimport { SplitView, LeftPanel, RightPanel } from \"@webiny/app-admin/components/SplitView\";\nimport type { GroupsDataListProps } from \"./GroupsDataList\";\nimport { GroupsDataList } from \"./GroupsDataList\";\nimport type { GroupsFormProps } from \"./GroupsForm\";\nimport { GroupsForm } from \"./GroupsForm\";\n\nexport interface GroupsProps {\n    listProps?: GroupsDataListProps;\n    formProps?: GroupsFormProps;\n}\nexport const Groups = ({ formProps = {}, listProps = {} }: GroupsProps) => {\n    return (\n        <SplitView>\n            <LeftPanel>\n                <GroupsDataList {...listProps} />\n            </LeftPanel>\n            <RightPanel>\n                <GroupsForm {...formProps} />\n            </RightPanel>\n        </SplitView>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,EAAEC,SAAS,EAAEC,UAAU,QAAQ,wCAAwC;AAEzF,SAASC,cAAc;AAEvB,SAASC,UAAU;AAMnB,OAAO,MAAMC,MAAM,GAAGA,CAAC;EAAEC,SAAS,GAAG,CAAC,CAAC;EAAEC,SAAS,GAAG,CAAC;AAAe,CAAC,KAAK;EACvE,oBACIR,KAAA,CAAAS,aAAA,CAACR,SAAS,qBACND,KAAA,CAAAS,aAAA,CAACP,SAAS,qBACNF,KAAA,CAAAS,aAAA,CAACL,cAAc,EAAKI,SAAY,CACzB,CAAC,eACZR,KAAA,CAAAS,aAAA,CAACN,UAAU,qBACPH,KAAA,CAAAS,aAAA,CAACJ,UAAU,EAAKE,SAAY,CACpB,CACL,CAAC;AAEpB,CAAC","ignoreList":[]}

package/ui/views/Groups/GroupsDataList.d.ts

@@ -1,3 +1,5 @@
-/// <reference types="react" />
-declare const GroupsDataList: () => JSX.Element;
-export default GroupsDataList;
+import React from "react";
+export interface GroupsDataListProps {
+    [key: string]: any;
+}
+export declare const GroupsDataList: () => React.JSX.Element;